jQuery 키보드 이벤트 keydown() 및 keyup() 이벤트

keydown() 이벤트

정의 및 사용법

전체 키 누르기 프로세스는 두 부분으로 나뉩니다. 1. 키가 눌려졌습니다. 2. 키가 놓였습니다.

버튼을 눌렀을 때 keydown 이벤트가 발생합니다.

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

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

Syntax

$("").keydown()

keydown 이벤트를 작성해 봅시다

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>submit</title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>    
    <p>php 中文网</p>

    <script>
        $('body').keydown(function(){
            $('p').html('php.cn');
        })
    </script>
</body>
</html>

키보드를 누르면 "php Chinese website"가 "php.cn"

Keyup 이벤트로 대체됩니다.

정의 및 사용법

전체 키 누르기 프로세스는 두 부분으로 나누어져 있습니다. 키를 누른 다음 키를 놓고 재설정합니다.

버튼을 놓으면 키업 이벤트가 발생합니다. 현재 포커스가 있는 요소에서 발생합니다.

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>    
    <p>php 中文网</p>

    <script>
        $('body').keyup(function(){
            $('p').html('php.cn');
        })
    </script>
</body>
</html>

위의 예를 보면 키보드를 눌렀지만 떼지 않으면 텍스트가 변경되지 않습니다. 키보드를 놓으면 텍스트가 변경됩니다

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>submit</title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <p>php 中文网</p> <script> $('body').keydown(function(){ $('p').html('php.cn'); }) </script> </body> </html>

제출하다 코드 재설정

자동운전