키보드 events_jquery를 가져오는 jQuery의 간단한 방법
- WBOY원래의
- 2016-05-16 15:18:371528검색
이 기사의 예에서는 jQuery가 키보드 이벤트를 간단히 획득하는 방법을 설명합니다. 참고하실 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.
1. 키보드 이벤트는 언제 받아야 하나요?
웹 작업을 할 때 좀 더 인간적인 디자인을 위해 키보드 이벤트를 사용하기도 합니다. 예: 입력 상자 드롭다운 프롬프트 상자, 위쪽 및 아래쪽 키보드를 사용하여 원하는 콘텐츠를 선택하는 Google의 입력 상자 드롭다운 프롬프트 상자. 사진 앨범을 탐색할 때 키보드의 왼쪽 및 오른쪽 키를 사용하여 사진을 볼 수 있습니다. 긴 소설을 탐색할 때 마우스로 스크롤할 때 어떤 줄을 읽어야 할지 잊어버리기 쉽습니다. 페이지를 넘기려면 키보드의 위쪽 및 아래쪽 키를 사용할 수 있습니다. 웹사이트를 만드는 것은 세부 사항에 따라 크게 좌우됩니다.
2. jquery의 키보드 기능 종류
1. keydown 이벤트는 키보드를 눌렀을 때 발생하는 이벤트입니다.
2. 키업 이벤트는 키를 눌렀다 떼었을 때 발생하는 이벤트입니다
3. keypress 이벤트는 키보드를 눌렀을 때 발생하는 이벤트입니다
Keypress와 keydown은 유사한 기능을 가지고 있지만 이벤트 내용을 얻는 데에는 차이가 있습니다.
2. 예시
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr" lang="utf-8">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-1.3.2.js" type="text/javascript"></script>
</head>
<body>
<input value="fi" name="search" id="search_input" maxlength="50" autocomplete="off">
</body>
</html>
<script type="text/javascript">
$('#search_input')
.keypress(function(event){
alert("keypress");
})
.keydown(function(event){
alert("keydown");
})
.keyup(function(event){
alert("keyup");
});
</script>
3. 테스트 결과
1. 위 입력창에 r을 입력하면 처음으로 keydown이 뜨고, 앞으로는 keypress가 뜹니다
2. pg dn銉을 누르면 키업이 먼저 나타난 다음 키다운이 나타납니다
3. Shift+C를 누르면 키 누르기
만 나타납니다.
4. Ctrl+Alt를 누르면 처음에는 두 개의 키다운이 나타나지 않습니다. 두 번째로 누르면 키업이 먼저 나타난 다음 키다운이 나타납니다
가능성은 많습니다. 일반적으로 사용되는 피닉스를 사용해 보면 됩니다.
4. 키보드 이벤트에 해당하는 ASCII 값을 구합니다
<script type="text/javascript">
$('#search_input')
.keydown(function(event){
alert(event.keyCode);
})
</script>
jQuery 이벤트 작업과 관련된 더 많은 콘텐츠에 관심이 있는 독자는 이 사이트의 특별 주제인 "jQuery 공통 이벤트 사용 및 기술 요약"
을 확인할 수 있습니다.이 기사가 jQuery 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.