# keydown

14개의 포스트

[16] 04/07 자바스크립트 수업

키보드 이벤트 document . addEventListener ("keyup-keydown-keypress", fucntion(event) {}) keyup 키를 눌렀다 뗐을때 keydown 키를 눌렀을때 keypress 키를 눌러서 압력을 가했을때(keydown 이랑 비슷하지만 조금 늦게 발동함)

2023년 4월 7일
·
0개의 댓글
·
post-thumbnail

[Javascript] 댓글 입력시 한글만 이상하게 출력됨!

댓글 추가 구현 시 keyDown, KeyUp 이벤트를 사용하면 한글을 입력했을 때 마지막 글자만 중복해서 추가되었다(영어는 문제 없음).그런데, keyPress 이벤트를 사용하니 문제 해결! 왜 그런고 하니...keydown과 keyup은 모든 문자를 인식하는 반면,

2023년 2월 26일
·
0개의 댓글
·
post-thumbnail

React, 한글 입력시 keydown 이벤트 중복 발생 현상

React 에서 한글 입력 시 keydown 이벤트가 중복으로 발생하는 문제를 해결하는 방법을 소개한다

2022년 3월 31일
·
2개의 댓글
·
post-thumbnail

1. Javascript Drum

키보드 입력을 인식해서 그에 맞는 소리를 출력하는 드럼을 만들자키보드가 눌리는 이벤트(keydown)이 발생하면'playSound' 콜백함수가 실행된다.선택자를 이용해 html element를 가져온다.선택자에 해당하는 요소가 여러개 있으면 DOM tree 맨 위에 있

2022년 1월 6일
·
0개의 댓글
·
post-thumbnail

keyup과 keydown의 차이점

keypress는 deprecated되었다.최신버전에서 더 이상 지원하지않을 수 있으므로 사용하지 않는 것을 권장한다.a눌렀을 때 a는 input창에 써지지 않는다.a가 작성된다.키보드에서 손을 떼고 이미 브라우저에서 이벤트를 처리한 다음 keyup되었을 때 이벤트를

2021년 10월 30일
·
0개의 댓글
·
post-thumbnail

[JS30] -10) Hold Shift Check Checkboxes

KeyboardEvent.ShiftKey Shiftkey를 눌렀는지 안 눌렀는지 여부를 판별하기 위해 사용할 수 있는 메소드이다. 하... 나는 생각도 못하고 click이벤트와 shift keydown이벤트 두 개를 만들고 있었는데! 중첩해야 하는 부분이 있어 고민했었

2021년 10월 25일
·
0개의 댓글
·
post-thumbnail

[JS30] -1) Drum Kit

누른 키의 audio와 key element 찾기 >HTML을 먼저 살펴보자. HTML data-key속성으로 숫자가 쓰여있는 것을 볼 수 있다. 이 숫자의 의미는 무엇일까? keyCode keyCode

2021년 10월 20일
·
0개의 댓글
·
post-thumbnail

[project-Sleact] keydown, keypress, keyup의 차이는?

📚 keydown, keypress, keyup 제대로 알고 사용하기!

2021년 6월 8일
·
0개의 댓글
·

keydown과 keypress 차이

keydown키보드를 누르고 있을 때 한번만 실행keypress키보드를 누르고 있을 때 계속 실행KeyboardEvent.key를 사용하도록 함.keycode, charcode 등은 더이상 사용되지 않음참고: https://developer.mozilla.or

2021년 5월 24일
·
0개의 댓글
·

[JavaScript] Keyboard Event (keydown, keyup)

JavaScript 키보드 이벤트 키보드 이벤트(Keyboard Event)는 사용자가 키를 누르거나 키를 놓을 때 발생한다. 키보드 이벤트 타입 키를 누를 때: keydown 타입 이벤트가 발생 키를 놓을 때: keyup 타입 이벤트가 발생 키보드 이벤트는 D

2021년 1월 24일
·
0개의 댓글
·

[TIL] 2020/11/18

Today, I Learned Planning to Study Comment

2020년 11월 18일
·
0개의 댓글
·

[JavaScript]window.addEventListener 'keypress', 'keydown' 무슨 차이인가요

결론: 기능에 차이는 없는데 전자는 오래된 property라 권장하지 않고, 최근엔 후자를 더 많이 쓴다.

2020년 11월 6일
·
0개의 댓글
·