키보드 events_jquery를 가져오는 jQuery의 간단한 방법
이 기사의 예에서는 jQuery가 키보드 이벤트를 간단히 획득하는 방법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.
1. 키보드 이벤트는 언제 받아야 하나요?
웹 작업을 할 때 좀 더 인간적인 디자인을 위해 키보드 이벤트를 사용하기도 합니다. 예: 입력 상자 드롭다운 프롬프트 상자, 위쪽 및 아래쪽 키보드를 사용하여 원하는 콘텐츠를 선택하는 Google의 입력 상자 드롭다운 프롬프트 상자. 사진 앨범을 탐색할 때 키보드의 왼쪽 및 오른쪽 키를 사용하여 사진을 볼 수 있습니다. 긴 소설을 탐색할 때 마우스로 스크롤할 때 어떤 줄을 읽어야 할지 잊어버리기 쉽습니다. 페이지를 넘기려면 키보드의 위쪽 및 아래쪽 키를 사용할 수 있습니다. 웹사이트를 만드는 것은 세부 사항에 따라 크게 좌우됩니다.
2. jquery의 키보드 기능 종류
1. keydown 이벤트는 키보드를 눌렀을 때 발생하는 이벤트입니다.
2. 키업 이벤트는 키를 눌렀다 떼었을 때 발생하는 이벤트입니다
3. keypress 이벤트는 키보드를 눌렀을 때 발생하는 이벤트입니다
Keypress와 keydown은 유사한 기능을 가지고 있지만 이벤트 내용을 얻는 데에는 차이가 있습니다.
2. 예시
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr" lang="utf-8">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-1.3.2.js" type="text/javascript"></script>
</head>
<body>
<input value="fi" name="search" id="search_input" maxlength="50" autocomplete="off">
</body>
</html>
<script type="text/javascript">
$('#search_input')
.keypress(function(event){
alert("keypress");
})
.keydown(function(event){
alert("keydown");
})
.keyup(function(event){
alert("keyup");
});
</script>
3. 테스트 결과
1. 위 입력창에 r을 입력하면 처음으로 keydown이 뜨고, 앞으로는 keypress가 뜹니다
2. pg dn銉을 누르면 키업이 먼저 나타난 다음 키다운이 나타납니다
3. Shift+C를 누르면 키 누르기
만 나타납니다.
4. Ctrl+Alt를 누르면 처음에는 두 개의 키다운이 나타나지 않습니다. 두 번째로 누르면 키업이 먼저 나타난 다음 키다운이 나타납니다
가능성은 많습니다. 일반적으로 사용되는 피닉스를 사용해 보면 됩니다.
4. 키보드 이벤트에 해당하는 ASCII 값을 구합니다
<script type="text/javascript">
$('#search_input')
.keydown(function(event){
alert(event.keyCode);
})
</script>
jQuery 이벤트 작업과 관련된 더 많은 콘텐츠에 관심이 있는 독자는 이 사이트의 특별 주제인 "jQuery 공통 이벤트 사용 및 기술 요약"
을 확인할 수 있습니다.이 기사가 jQuery 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7364
15
1628
14
1353
52
1265
25
1214
29
VGN 공동 브랜드 'Elden's Circle' 키보드 및 마우스 시리즈 제품이 이제 출시되었습니다: Lani / Faded One 맞춤형 테마, 99위안부터 시작
Aug 12, 2024 pm 10:45 PM
8월 12일 이 웹사이트의 소식에 따르면 VGN은 8월 6일 Lani/Faded One의 맞춤형 테마로 디자인된 키보드, 마우스 및 마우스 패드를 포함하는 공동 "Elden Ring" 키보드 및 마우스 시리즈를 출시했습니다. 가격은 99위안부터 JD.com에 게시되었습니다. 이 사이트에 첨부된 공동 브랜드 신제품 정보는 다음과 같습니다. VGN丨Elden Law Ring S99PRO 키보드 이 키보드는 순수 알루미늄 합금 쉘을 사용하고 5층 소음기 구조로 보완되었으며 GASKET 판 스프링 구조를 사용하고 단일 -키 슬롯형 PCB 및 원래 높이의 PBT 소재 키캡, 알루미늄 합금 맞춤형 백플레인, VHUB에 연결된 SMARTSPEEDX 저지연 기술을 지원하며 가격은 549위안부터 시작됩니다. VGN丨Elden French Ring F1PROMAX 무선 마우스 더 마우스
WeChat 키보드 스킨을 설정하는 방법 WeChat 키보드 스킨을 설정하는 방법
Mar 13, 2024 am 09:04 AM
WeChat 키보드 스킨을 설정하는 방법은 무엇입니까? WeChat 키보드는 매우 스마트한 휴대폰 입력 방법 소프트웨어로, 사용자가 자신의 입력 모드를 선택하고 이 소프트웨어에서 원하는 표현을 최대한 빨리 찾을 수 있습니다. 이 소프트웨어를 사용하면 키보드 스킨을 직접 변경할 수도 있습니다. 스킨 변경 방법을 잘 모르는 사용자가 많으므로 참고용으로 스킨 변경 방법을 정리했습니다. WeChat 키보드 스킨 설정 방법 휴대폰 키보드를 사용해야 하는 WeChat, SMS 또는 기타 애플리케이션에서는 키보드 왼쪽 상단에 있는 입력 방법 설정 아이콘을 클릭하여 설정 페이지로 들어가 기능을 볼 수 있습니다. 다양한 입력 방법에 대한 옵션을 설정합니다. 2. 입력방법 설정 페이지에서 '맞춤 스킨'을 클릭하세요.
마이콩 K87 3모드 기계식 키보드에 '히아신스 축'과 '아이스크림 축' 버전 추가: 개스킷 구조, 초기 가격 299위안부터 시작
Feb 29, 2024 pm 05:00 PM
2월 29일 이 웹사이트의 소식에 따르면 Maicong은 오늘 K87 3모드 기계식 키보드용 "Hyacinth Switch"와 "Glazed Ice Cream Switch"의 두 가지 버전을 출시했습니다. 이 키보드는 "개스킷 구조, 80% 배열" 기능을 갖추고 있습니다. 샤프트 키보드 가격 정보는 다음과 같습니다. "Hyacinth Switch" 버전: 초기 가격 299위안 "Liuguang Ice Cream Switch" 버전: 초기 가격 379위안 보고에 따르면 키보드 시리즈는 개스킷 구조, 87키 80% 배열, 풀 키 롤오버 및 열 지원 플러그 연결 및 분리를 위해 "원래/MDA 2색 PBT 키캡"을 사용한다고 주장하고 1.2mm 단일 키 슬롯 PCB(낮은 램프 위치)를 사용하며 RGB 조명 효과가 장착되어 있습니다. 자기 흡수 명판 디자인이 있습니다. 또한 이 키보드에는 6000mAh 배터리가 탑재되어 있으며 무선 지연 시간은 3ms입니다. 키보드의 공식적인 크기와 크기는 발표되지 않았습니다.
Apple 휴대폰 키보드에서 필기 입력 방법을 설정하는 방법
Mar 08, 2024 pm 02:30 PM
Apple 모바일 키보드 사용자는 필기 입력 방법을 설정하고 싶지만 방법을 모릅니다. 실제로는 매우 간단합니다. 사용자가 휴대폰의 키보드 설정에서 직접 필기 입력 방법을 선택할 수도 있습니다. 손글씨 입력 방식. Apple 모바일 키보드에서 필기 입력 방법을 설정하는 방법 A: 키보드 설정에서 직접 필기 입력 방법을 활성화합니다. 1. Apple 사용자가 입력 방법을 사용할 경우 기본적으로 필기 입력 방법이 활성화됩니다. 2. 사용자는 입력하는 동안 필기 입력 방법을 선택하려면 왼쪽 하단 모서리를 길게 클릭하기만 하면 됩니다. 3. 사용자의 휴대폰에 필기 입력 방식이 없는 경우, 수동으로 추가할 수도 있습니다. 4. 사용자가 설정에 들어가서 범용 키보드 설정을 찾아 첫 번째 키보드에 필기 입력 옵션을 추가합니다. 5. 필기 입력 방법을 사용하여
Lingbao K87 / PRO 3모드 기계식 키보드가 처음으로 판매됩니다: 개스킷 구조, 옵션 키캡 샤프트 본체, 99위안부터 시작
Jul 20, 2024 am 01:35 AM
7월 19일 이 사이트의 뉴스에 따르면 Lingbao K87/PRO 3모드 기계식 키보드는 오늘 밤 8시에 판매될 예정입니다. 두 버전의 주요 차이점은 샤프트/색상/배터리 차이입니다. 4000mAh 배터리가 장착되어 있으며, PRO 버전에는 8000mAh 배터리가 장착되어 있습니다. 이 웹사이트에서 집계한 가격 정보는 다음과 같습니다: K87 Light Cloud White: 99위안 K87 Night Purple/Xiaguang Purple/Sunny Mountain Blue: 149위안 K87 더스트 그레이/스타 데이지 퍼플: 199위안 K87PRO: 249위안 보도에 따르면 이 키보드는 개스킷 구조를 채택하고 80% 배열 레이아웃을 사용하며 다양한 색상으로 제공되고 저조도 RGB 조명이 내장되어 있으며 지원합니다. 3가지 모드 연결 2.4G(1KHz)/유선(1KHz)/블루투스(125Hz)). 사양상 시리즈 키보드는 선택사항입니다.
Ai Stone, NA87 MAG 87키 자기 축 키보드 출시: Asat 구조, 8KHz 반환 속도, 199위안
Mar 31, 2024 pm 04:41 PM
3월 31일 이 웹사이트의 소식에 따르면 Aitou는 최근 JD.com에서 87키 자기축 키보드 모델 'NA87MAG'를 출시했습니다. 표준 가격은 219위안이며, 보증금 10위안을 지불하면 즉시 할인됩니다. 최종 결제 금액은 20위안이며 실제 가격은 199위안입니다. 보도에 따르면 이 키보드는 Asat 구조를 사용하며 "HIFI 수준의 타이핑 음질과 일관된 터프한 느낌"을 제공한다고 합니다. 또한 사용자는 다른 패드를 교체하여 키보드의 느낌을 조정하여 거친 것에서 부드러운 것으로 사용자 정의할 수 있습니다. 스위칭 요구 사항. 또한, 이 키보드에는 '입체적인 게임 내부 구조'도 탑재되어 있어 체스판 형식의 단일 키 폐쇄형 설계를 통해 각 키의 소리를 집중시킬 수 있어 '입체적인 게임성'을 구현한다고 한다. 사운드 최적화"; 또한 1,680만 색상의 RGB 조명을 갖추고 있습니다. 또한 이 키보드에는 Le 기능이 있습니다.
Keychron, Q10 Max 3모드 기계식 키보드 출시: 75% Alice 구성, 가격 1,238위안부터 시작
Mar 08, 2024 am 08:40 AM
3월 7일 본 사이트의 소식에 따르면, 키크론은 오늘 Q10Max 3모드 기계식 키보드를 출시했습니다. 키보드는 75% Alice 구성을 채택하고 있으며 샤프트가 없는 키캡 키트의 가격은 1,238위안입니다. Jiadalong의 맞춤형 Jupiter 샤프트와 PBT 키캡이 장착된 키보드의 가격은 1,358위안으로 Tmall 플래그십 스토어에서 8시에 판매될 예정입니다. 오늘 밤 시계. Q10Max 기계식 키보드는 Keychron QMax 3가지 모드 "Aluminum Tuo Tuo" 시리즈에 속하며, 시중에는 Q1/Q2/Q3/Q5/Q6/Q60/Q65Max와 같은 다양한 레이아웃의 키보드가 많이 있습니다. ▲ 키크론 Q10Max 키보드 제품특징 Q10Max 본체는 6063 알루미늄 CNC 공정으로 제작되었으며, 75% Alice 구성을 사용했으며, 공식적으로는 "사람의 손목에 꼭 맞는다"고 합니다.
jQuery 팁: 페이지에 있는 모든 태그의 텍스트를 빠르게 수정하세요.
Feb 28, 2024 pm 09:06 PM
제목: jQuery 팁: 페이지에 있는 모든 태그의 텍스트를 빠르게 수정하세요. 웹 개발에서는 페이지의 요소를 수정하고 조작해야 하는 경우가 많습니다. jQuery를 사용할 때 페이지에 있는 모든 태그의 텍스트 내용을 한 번에 수정해야 하는 경우가 있는데, 이는 시간과 에너지를 절약할 수 있습니다. 다음은 jQuery를 사용하여 페이지의 모든 태그 텍스트를 빠르게 수정하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 먼저 jQuery 라이브러리 파일을 도입하고 다음 코드가 페이지에 도입되었는지 확인해야 합니다. <
