programing

jQuery를 사용하여 "삭제" 키 누르기

megabox 2023. 10. 1. 19:23
반응형

jQuery를 사용하여 "삭제" 키 누르기

키 누르기 이벤트 핸들러에 jQuery 설명서의 예제 코드를 사용하면 키를 캡처할 수 없습니다.아래 토막글이 기록됩니다.0FireFox에서 키를 누를 때:

$(document).keypress(function(e) {
    console.log(e.which);       
});

열쇠를 포착할 수 있는 방법이 있어야 할 것 같지만, 모호한 용어여서 구글은 그것에 큰 도움이 되지 않는다는 것을 증명하지 못하고 있습니다.

사용하시면 안 됩니다.keypress이벤트, 그러나.keyup아니면keydown이벤트 이유는keypress이벤트는 실제(인쇄 가능한) 문자를 대상으로 합니다.keydown는 더 낮은 수준에서 처리되므로 및 와 같은 모든 인쇄되지 않은 키를 캡처합니다.

$('html').keyup(function(e){
    if(e.keyCode == 46) {
        alert('Delete key released');
    }
});

출처 : javascript char 코드는 www.cambiaresearch.com 에서 키코드를 입력합니다.

자바스크립트 키코드

  • e.키코드 == 8 for
  • e.keyCode == 46 for 또는 PC의 버튼

콜린 앤 토드의 답변이 효과가 있다는 것을 제외하고는 말입니다.

event.key === "삭제"

보다 최신의 훨씬 깨끗한 제품: 사용event.key. 더 이상 임의의 숫자 코드는 없습니다!

참고: 이전 속성(.keyCode그리고..which)은(는) 사용되지 않습니다.

document.addEventListener('keydown', function(event) {
    const key = event.key; // const {key} = event; ES6+
    if (key === "Delete") {
        // Do things
    }
});

모질라 문서

지원되는 브라우저

다음과 같이 jQuery를 사용하여 delete/backspace 키를 추적할 수 있습니다.

 $(document).keyup(function(e){
   if(e.key === "Backspace") {
    alert('Delete key/ backspace');
   }
 });

언급URL : https://stackoverflow.com/questions/1116244/capturing-delete-keypress-with-jquery

반응형