Jquery에서 키보드 이벤트를 사용하는 방법

이번에는 jquery에서 키보드events를 사용하는 방법과 jquery에서 키보드 이벤트를 사용할 때 주의사항이 무엇인지 보여드리겠습니다. 다음은 실제 사례입니다.

jQuery에는 키보드 이벤트를 처리하는 세 가지 함수가 있습니다. 이벤트 발생 순서에 따라 다음과 같습니다.

jquery 코드:

1. 키다운();
2.키업()

키다운()

키보드를 누르면 keydown 이벤트가 트리거됩니다. 브라우저의 기본 이벤트가 트리거되는 것을 방지하려면 바인딩 함수에서 false를 반환할 수 있습니다.

키업()

키업 이벤트는 키를 놓으면 트리거됩니다. 이는 키보드를 누르고 일어난 후의 이벤트입니다.

keypress()

키 누르기 이벤트는 키를 탭할 때 발생하며 동일한 키를 누르고 떼는 것으로 이해할 수 있습니다. 키보드 이벤트는 매개변수 이벤트를 전달할 수 있습니다. 실제로 일부 jQuery 이벤트 함수는 다음과 같은 매개변수를 전달할 수 있습니다. jquery 코드:

$('input').keydown(function(event){  
    alert(event.keyCode);  
});

위 코드에서 event.keyCode는 우리가 누른 키가 무엇인지 알아내는 데 도움이 될 수 있습니다. 위쪽, 아래쪽, 왼쪽 및 오른쪽 키(각각 38, 40, 37, 39)를 반환합니다. Ctrl+Enter를 구현하려면 Ctrl+Enter로 양식을 제출하세요

$(document).keypress(function(e) {  
   if (e.ctrlKey && e.which == 13)
   $("form").submit();  
}) ;

이 기사의 사례를 읽으신 후 방법을 마스터하셨으리라 믿습니다. PHP 중국어 웹사이트!

추천 도서:

위 내용은 Jquery에서 키보드 이벤트를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!