jQuery - 백 스페이스 키 누르기 이벤트가있는 목록 항목을 삭제 하시겠습니까?

Question

목록 항목을 클릭 한 다음 백 스페이스 키를 눌러 삭제할 수 있습니다. jQuery로 어떻게하면 좋을까요? 내가 목록 항목에 키 누르기 이벤트를 첨부 할 수 없습니다처럼

http://jsfiddle.net/prRVc/

가 보이는 :

$('<li>Click Me</li>') 
.appendTo('#list') 
.click(function(){ 
    $(this).addClass('delete'); 
    $(this).focus(); // doesn't seem to do anything maybe?? 
}) 
.keypress(function(e){ 
    // this event handler doesn't fire 
    var key = (e.keyCode ? e.keyCode : e.which); 
    if (key === 8) { 
     if ($(this).hasClass('delete')) 
      $(this).remove(); 
    } 
}); 

여기 내 jsfiddle입니다.

Answer 1

당신은 문서 수준의 키 핸들러를 가지고 시도해야합니다 : 당신은 이 다른 솔루션을 사용해보십시오 "삭제"클래스와 문서의 키 및 프로세스 목록에 대한 별도의 핸들러를 작성 :) 아무것도 얻을 수 없습니다. 또한 'keypress'대신 'keydown'을 사용하는 것이 더 안전합니다. 실행 예 : http://jsfiddle.net/DwX4e/

Answer 2

목록 요소에 포커스를 사용할 수 없습니다.

$(document).keypress(function(e){ 
    var key = (e.keyCode ? e.keyCode : e.which); 
    if (key === 8) { 
     $('li.delete').remove(); 
    } 
});