"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > Keydown, Keypress, Keyup : 차이점은 무엇이며 언제 각각을 사용해야합니까?

Keydown, Keypress, Keyup : 차이점은 무엇이며 언제 각각을 사용해야합니까?

2025-03-23에 게시되었습니다
검색:941

KeyDown, KeyPress, KeyUp: What\'s the Difference and When Should You Use Each?

이벤트 타임 라인

주요 입력 이벤트 순서에서 다음과 같은 고장이 있습니다. 키.

onkeypress :

대신 onkeydown을 사용하는 것을 사용하는 것이 감가 상각되고 권장됩니다.

이 이벤트는 사용자가 키를 누르고 발표했을 때 발생했을 때 발생했습니다. 키.
  1. 마우스 이벤트와의 비유
  2. 이 주요 이벤트 사이의 관계를 파악하기 위해 마우스 상대와 비유를 그리겠습니다. onkeydown) onkeyup : 마우스 업
  3. 브라우저 예외 : webkit 웹 브라우저의 세계에서 webkit은 추가 이벤트를 소개하여 눈에 띄게 나타납니다. 따라서 WebKit의 이벤트 시퀀스는 다음과 같습니다.
키 다운 키 프레스 텍스트 keyup

실제 데모

이 사건을 실제로 목격하려면 다음 코드 스 니펫을 실행합니다. window.addeventListener ( "keypress", log); window.addeventListener ( "keydown", log); 함수 로그 (이벤트) { Console.log (event.type); }
  • 이 스크립트는 키보드와 상호 작용할 때 이벤트 유형을 콘솔에 기록합니다. 키를 누르고 릴리스 할 때 뚜렷한 이벤트 시퀀스를 알 수 있습니다.
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3