jquery 키보드 이벤트

jQuery 처리키보드 이벤트, 예를 들어 소설 사이트에서 흔히 볼 수 있는 좌우 버튼을 누르면 이전 글과 다음 글,ctrl+리턴을 누르면 폼 제출, 구글 리더와 유독 중인 단축키 조작을 실현할 수 있다.본고는 jQuery 처리 버튼의 원리와 방법을 설명한다
jQuery 처리 키보드 이벤트에는 다음과 같은 세 가지 함수가 있습니다.
view source
print
? 1 keydown(); 2 keyup(); 3 keypress();
 
 
 
 
keydown()
키다운 이벤트는 키보드를 눌렀을 때 터치합니다. 연결된 함수에서 유럽은false를 되돌려서 터치 브라우저 의 기본 이벤트를 방지할 수 있습니다.
keyup()
키업 이벤트는 키가 눌렸을 때 터치합니다. 키보드를 눌렀을 때의 이벤트입니다.
keypress()
키press 이벤트는 버튼을 눌렀을 때 터치합니다. 같은 키를 누르고 들어올리는 것으로 이해할 수 있습니다
저희가 어떻게 하면 A 를 눌렀을까요, Z를 눌렀을까요, 아니면 리턴 버튼을 눌렀을까요?
키보드 이벤트는 하나의 매개 변수event를 전달할 수 있는데, 사실 어떤 함수에서도 이런 매개 변수를 전달할 수 있다.
jQuery 이벤트
view source
print 1 $( 'input' ).keydown( function (event){ 2 alert(event.keyCode); 3 });
위 코드의, 이벤트.?는 우리가 어떤 버튼을 눌렀는지 얻을 수 있도록 도와줄 수 있다. 그가 되돌아온 것은 ascII 코드이다. 예를 들어 위아래 좌우 키가 각각 38,40,37,39이다.
만약 우리가 ctrl+Enter를 실현하려면 ctrl+리턴 제출 폼이다
keyCode
view source
print 1 $(document).keypress( function (e) { 2 if (e.ctrlKey && e.which == 13) 3 $( "form" ).submit(); 4 }) 원문 주소:http://www.popo4j.com/article/keyboard-events-jquery.html

좋은 웹페이지 즐겨찾기