본문 바로가기

Web/front

[mozilla WEB API Element] keydown_event

728x90

https://developer.mozilla.org/en-US/docs/Web/API/Element/keydown_event

 

Element: keydown event - Web APIs | MDN

The keydown event is fired when a key is pressed.

developer.mozilla.org

 

 

찾아보니 keypress 는 삭제

 

keydown, keyup 을 이용할 수 있는 듯 하다.

 

 

keydown, keyup 은 역시나 addEventListener 에서 사용한다

 

Keyboard events are only generated by <input>, <textarea>, <summary> and anything with the contentEditable or tabindex attribute.

 

정규표현식으로 입력 순간 또는 키보드에서 손을 뗀 순간을 인식하여 유효성 검사를 사전에 해도 좋은 방법인듯

eventTarget.addEventListener("keydown", (event) => {
  if (event.isComposing || event.keyCode === 229) {
    return;
  }
  // do something
});

 

728x90

'Web > front' 카테고리의 다른 글

[HTML mdn web docs] table 의 th에 id 쓰는 법  (0) 2023.12.15
[Scope & Closure]  (0) 2023.04.20
[Vue.js] Template Syntax (2)  (0) 2023.04.12
[Vue.js] Template Syntax (1)  (0) 2023.04.12
[Vue.js] What is Vue?  (0) 2023.04.11