# keyCode

6개의 포스트
post-thumbnail

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

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

2021년 11월 3일
·
0개의 댓글
post-thumbnail

[JS30] -1) Drum Kit

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

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

[참조] addEventListener, defaultPrevented, preventDefault, keyCode

target.addEventListener('이벤트', 함수, 캡쳐링불린값)첫번째 인자는 이벤트명이벤트 참조 : https://developer.mozilla.org/ko/docs/Web/Events두번째 인자는 콜백 함수 (이벤트 발생 시 실행)세번째 인자는

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

[TIL] 2020/11/18

Today, I Learned Planning to Study Comment

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

TIL. [Javascript] `event.keyCode`란?

자바스크립트로 채팅창을 구현하는 과정에서 이벤트 키 코드에 대해 공부하게 됐다. 정확히는 다른 분 블로그에서 구현된 자바스크립트 채팅창의 코드를 보다가 궁금한 점이 생겨서 구글링하게 됐다. 가장 먼저 궁금했던 점은 e.keyCode == 13였다. 특정 숫자인 13은

2020년 10월 30일
·
0개의 댓글

[ES2020] Click, Enter 두 개의 이벤트 동시에 등록하기

form 내부의 button를 submit하면 클릭과 엔터가 동시에 입력된다. 이걸 이용해서 form 태그에 이벤트를 등록해, 클릭을 하든 엔터를 누르든 같은 이벤트로 취급할 수 있다.

2020년 6월 17일
·
1개의 댓글