반응형
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>enter event</title>
</head>
<body>
<input type = "password" onkeypress="test(event)">
<script>
function test(event){
if(event.keyCode==13){
alert("enterkey");
}
}
</script>
</body>
</html>
1. keyup
키보드에서 손을 땠을 때 실행
2. keydown
키보드를 눌렀을 때 실행
키보드를 누르고 있을 때 한번만 실행됨
3. keypress
키보드를 눌렀을 때 실행
키보드를 누르고 있을 때 계속 실행됨
* Ctrl, Alt, Shift 키 등은 keydown에서는 작동하지만 keypress 에서 작동하지 않음
* keyCode ASCII code 값
keydown, keyup에서는 a = 65, A = 65로 동일하게 보여짐
keypress에서는 a = 97, A = 65로 다른 값이 보여짐
-> Caps Lock 여부 체크, 대소문자 구분을 통한 로직 작성 가능
* FireFox 에서의 버그
event.keyCode 가 파이어폭스에서 동작안할 수 있음 따라서 keyCode 사용 시 아래와 같이 사용하면 됨
var keyCode = event.keyCode ? event.keyCode : event.which;
출처: https://silver0r.tistory.com/119 [어흥]
반응형
'Javascript' 카테고리의 다른 글
| [Javascript] 지도 API 사용하기 (0) | 2021.08.12 |
|---|---|
| [Javascript] 자바스크립트 프로처럼 쓰는 팁 / 엘리코딩 (0) | 2021.08.08 |
| [Javascript] querySelectorById와 getElementBy 차이 (0) | 2021.07.23 |
| [Javascript] value, textContent, innerHTML, innerText 차이 (0) | 2021.07.23 |
| [javascript] 버튼으로 현재 URL 복사하기 (0) | 2021.06.14 |