jQuery 키보드 이벤트 keypress() 이벤트

keypress 이벤트

정의 및 사용법

keypress 이벤트는 keydown 이벤트와 유사합니다. 이 이벤트는 버튼을 눌렀을 때 발생합니다. 현재 포커스가 있는 요소에서 발생합니다.

하지만 keydown 이벤트와 달리 문자가 삽입될 때마다 keypress 이벤트가 발생합니다.

keypress() 메서드는 keypress 이벤트를 트리거하거나, keypress 이벤트가 발생할 때 실행될 함수를 지정합니다.

참고: 문서 요소에 설정된 경우 요소에 포커스가 있는지 여부에 관계없이 이 이벤트가 발생합니다.

Syntax

$("").keypress()

예제를 살펴보겠습니다:

<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
Enter your name: <input type="text" />
<p>Keypresses:<span>0</span></p>


<script type="text/javascript">
      i=0;
      $("input").keypress(function(){
        $("span").text(i+=1);
      });
</script>
</body>
</html>

지속적인 학습

새로운 파일

<html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> Enter your name: <input type="text" /> <p>Keypresses:<span>0</span></p> <script type="text/javascript"> i=0; $("input").keypress(function(){ $("span").text(i+=1); }); </script> </body> </html>

제출하다 코드 재설정

자동운전