반응형
이번 블로그는 공부한 내용을 기록하는 목적으로 작성된 것입니다.
키보드 이벤트의 종류
키보드 이벤트는 3가지 종류가 있습니다
keydown 키가 눌릴때 실행됩니다
keypress 키가 입력되었을 때 실행됩니다
keyup 키보드에서 키가 떨어질 때 실행됩니다
실행 화면
예제 코드
<!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>Document</title>
</head>
<body>
<h1>글자 수: 0</h1>
<textarea cols="30" rows="10"></textarea>
</body>
<script>
const textarea=document.querySelector('textarea')
const h1=document.querySelector('h1')
textarea.addEventListener('keyup',(event) => {
const length=textarea.value.length
h1.textContent=`글자 수: ${length}`
}
)
</script>
</html>
반응형
'배우기' 카테고리의 다른 글
| <자바스크립트> math 객체 (0) | 2023.01.20 |
|---|---|
| 자바스크립트 소수점 아래 처리하기 (0) | 2023.01.08 |
| <구글 금융> 환율과 코스피 어떻게 움직일까? (0) | 2022.12.17 |
| <선원법> 통상임금과 승선평균임금에 대해 알아보자 (0) | 2022.12.17 |
| Vue.js 101 공부 시작할 때 유용한 정보 모음 (0) | 2022.10.14 |
댓글