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>위의 예를 보면 키보드를 눌렀지만 떼지 않으면 텍스트가 변경되지 않습니다. 키보드를 놓으면 텍스트가 변경됩니다
.
다음 섹션