>  기사  >  웹 프론트엔드  >  jquery에서 Enter 키를 눌렀는지 확인하는 방법

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

coldplay.xixi
coldplay.xixi원래의
2020-12-11 09:57:492270검색

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.