> 웹 프론트엔드 > JS 튜토리얼 > Jquery에서 키보드 이벤트를 사용하는 방법

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

php中世界最好的语言
풀어 주다: 2018-04-19 14:44:13
원래의
1750명이 탐색했습니다.

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

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