Web/front

[mozilla WEB API Element] keydown_event

태애니 2023. 8. 24. 20:40
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