# keydown

12개의 포스트
post-thumbnail

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

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

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

1. Javascript Drum

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

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

[자바스크립트] 이벤트 활용

입력양식 formevent model이벤트를 연결하는 방법표준 이벤트 모델이벤트를 연결하는 표준 이벤트 모델고전 이벤트 모델onkeyup처럼 on으로 시작하는 속성에 함수를 할당해 이벤트 연결하는 고전 이벤트 모델인라인 이벤트 모델이러한 고전 이벤트 모델처럼 on으로

2021년 11월 3일
·
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개의 댓글