jQuery를 사용하여 백 스페이스 키를 트랩하는 방법은 무엇입니까?

Question

jQuery keyup, keydown 또는 keypress 메서드가 나타나지 않습니다. 백 스페이스 키를 누를 때 발생합니다. 어떻게 백 스페이스 키를 눌러야합니까?

Answer 1

이 하나를 시도해보십시오. 백스 페이스는 입력 요소에서 잘 작동해야하지만 초점이 단락 또는 다른 것이면 작동하지 않아야합니다. 페이지가 기록의 이전 페이지로 돌아가는 경향이 있기 때문입니다.

$('html').on('keydown' , function(event) { 

     if(! $(event.target).is('input')) { 
      console.log(event.which); 
      //event.preventDefault(); 
      if(event.which == 8) { 
      // alert('backspace pressed'); 
      return false; 
     } 
     } 
}); 

반환 값 false => event.preventDefault와 event.stopPropagation이 모두 적용됩니다.

Answer 2

일반 자바 스크립트를 사용하여 백 스페이스 키를 트랩 할 수 있습니다. event.keyCode 메소드를 사용할 수 있습니다. 키 코드는 8, 그래서 코드는 다음과 같이 보일 것이다 : 당신은 모두 [삭제]를 위해 (46)를 확인하려면 (8) 키를 사용하는 [백 스페이스]뿐만 아니라 다음을

if (event.keyCode == 8) { 
    // Do stuff... 
} 

을 : 위와 같은 생각에서 작업

$('html').keyup(function(e){if(e.keyCode == 8)alert('backspace trapped')}) 

Answer 3

을하지만, 조금 일반화 :

if (event.keyCode == 8 || event.keyCode == 46) { 
    // Do stuff... 
} 

Answer 4

대부분의 브라우저에서 백 스페이스의 기본 동작은 이전 페이지로 돌아가는 것입니다. 이 아니라면이 필요합니다. preventDefault()을 호출해야합니다. 그러나 OP에서 언급했듯이, 항상 당신이 그것을 preventDefault()이라고 부르는 경우 텍스트 필드의 내용을 삭제할 수 없게됩니다. 아래 코드는 this answer에 적합한 솔루션을 제공합니다.

하드 코딩 된 keyCode 값을 사용하는 대신 (브라우저에 따라 일부 값이 변경되지만 Backspace 또는 Delete에 해당하지 않는 것으로 나타남) jQuery has keyCode constants이 이미 정의되어 있습니다. 이렇게하면 코드를보다 쉽게 ​​읽을 수 있고 모든 keyCode 불일치를 처리 할 수 ​​있습니다.