在单击和按下按钮时删除 DOM 对象

Question

很确定我的方向完全错误。我想单击一个对象，然后按“d”键将其删除。

<script>
$('#In_Play .card').click().keypress(function(event) {
  if (event.keyCode == '100') {
    $(this).remove();
    }
});
</script>

Answer 1

我认为这样的事情会起作用：

$('#In_Play .card').click(function(){
   $(this).data('delcandidate', true).focus();
}).keypress(function(event){
    if($(this).data('delcandidate') == true && event.keyCode == '100'){
      $(this).remove();
    }
}).blur(function(){
   $(this).data('delcandidate', false);
});

问题是按键只会在可以具有焦点的元素（输入，a）上触发。我认为您可以通过添加 tabindex 将其扩展到其他元素，但我不确定这将如何跨浏览器。