jquery에서 Enter 키를 눌렀는지 확인하는 방법

coldplay.xixi
풀어 주다: 2023-01-04 09:36:51
원래의
2202명이 탐색했습니다.

jquery가 Enter 키를 눌렀는지 확인하는 방법: keynum 메서드를 사용하여 확인합니다. 코드는 [$('#textBox').keypress(function(event){var keynum = (event.keyCode ?event.keyC]입니다. .

jquery에서 Enter 키를 눌렀는지 확인하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.2.1 버전, thinkpad t480 컴퓨터

권장:jquery 비디오 튜토리얼

Enter 키가 눌렸는지 확인하는 방법 :

jquery에서는 다음 방법을 사용하여 Enter가 눌렸는지 확인합니다.

$('#textBox').keypress(function(event){ var keynum = (event.keyCode ? event.keyCode : event.which); if(keynum == '13'){ alert('You pressed a "Enter" key in textbox'); } }); $(document).keypress(function(event){ var keynum = (event.keyCode ? event.keyCode : event.which); if(keynum == '13'){ alert('You pressed a "Enter" key in somewhere'); } });
로그인 후 복사

Netscape/Firefox/Opera는event.which를 지원하여 IE가 키의 ASCII 코드를 모두 지원한다는 점에 유의하세요.event.keyCodeevent.which.event.which去获得键的ASCII码,而IE是同时支持event.keyCodeevent.which的。

最后,取得keynum的流程也可以使用if进行判断。

补充:jQuery获取 Ctrl + Enter Shift + Enter

jQuery中对键盘事件进行了修正,调用函数的时候传入事件即可,通过事件的which可以找到键码。不过当有组合键的时候,需要注意一下。

如Ctrl + Enter,虽然都是用e.ctrlKey,但是Enter键的键码不是始终为13了。

在FireFox中,判断Ctrl + Enter是e.ctrlKey && e.which == 13

而在IE6中,判断Ctrl + Enter是e.ctrlKey && e.which == 10

마지막으로 if를 사용하여 keynum을 얻는 과정도 판단할 수 있습니다.

추가: Ctrl + Enter Shift. + Enter

키보드 이벤트가 수정되었습니다. 함수를 호출할 때 이벤트를 통해 키 코드를 찾을 수 있습니다. 단, 키 조합이 있을 때는 주의가 필요합니다. Ctrl + Enter와 같이 e.ctrlKey를 사용하더라도 Enter 키의 키코드가 항상 13인 것은 아닙니다.FireFox에서는Ctrl + Enter가 e.ctrlKey && e.which ==라고 판단합니다. 13.그리고 IE6에서는Ctrl + Enter가 e.ctrlKey && e.which == 10이라고 판단됩니다.예:

$(document).keypress(function(e){ if(e.ctrlKey && e.which == 13 || e.which == 10) { $("#btn").click(); } else if (e.shiftKey && e.which==13 || e.which == 10) { $("#btnv").click(); } })
로그인 후 복사
관련 무료 학습 추천 : javascript(동영상)

위 내용은 jquery에서 Enter 키를 눌렀는지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!