developer tip

jQuery를 사용하여“삭제”키 누르기 캡처

optionbox 2020. 8. 3. 08:30
반응형

jQuery를 사용하여“삭제”키 누르기 캡처


키 누르기 이벤트 핸들러에 대한 jQuery 문서의 예제 코드를 사용할 때 키를 캡처 할 수 없습니다 Delete. FireFox에서 키를 누르면 아래 스 니펫이 기록 0됩니다 Delete.

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

Delete를 캡처 할 수있는 방법이있을 것 같지만 모호한 용어이므로 Google이 키에 대해 많은 도움을주지 않는 것으로 보입니다 .


keypress이벤트 는 사용하지 말아야 하지만 이벤트는 실제 (인쇄 가능한) 문자를위한 것이므로 keyupor keydown이벤트를 사용해야합니다 keypress. keydown하위 레벨에서 처리되므로 deleteand 같은 인쇄되지 않는 모든 키를 캡처합니다 enter.


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

출처 : javascript 문자 코드 는 www.cambiaresearch.com의 키 코드 입니다.


자바 스크립트 키 코드

  • e.keyCode == 8backspace
  • PC의 e.keyCode == 46 forward backspace또는 delete버튼

이 세부 사항을 제외하고 Colin & Tod의 답변이 효과가 있습니다.


event.key === "삭제"

더 최근의 훨씬 더 깨끗한 : use event.key. 더 이상 임의의 숫자 코드가 없습니다!

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

모질라 문서

지원되는 브라우저

참고 URL : https://stackoverflow.com/questions/1116244/capturing-delete-keypress-with-jquery

반응형