javascript - jquery 尝试使用按键事件删除突出显示的元素

Question

我正在使用以下代码来突出显示该元素:

$(".ss").live({ 
    mouseenter: function () { HighLight(this) }, 
    mouseleave: function () { OffLight(this); }, 
      keypress: function () { KeyOperation(this); }
});

function HightLight(s)
{
  $(s).css({border : "1px solid red"});
}
function OffLight(s)
{
  $(s).css({border : "0"});
}
function KeyOperation(s)
{
  $(s).remove();
}

KeyOperation() 函数未在按键时执行。

我在这里尝试在用户突出显示任何元素时执行此操作，并且在突出显示时，如果他按 Delete key ，则应删除该元素。但这不起作用，有人可以告诉我我该怎么做？

Answer 1

我相信这就是您所追求的。将鼠标悬停在任何 .ss 元素上将添加一个临时类。如果用户在任何时候按下键 46，则具有该类别的项目将被删除。请参阅下面的工作 fiddle 。

// Bind to a closer parent if possible
$(document)
    .on("keyup", function(e){
        if ( e.which === 46 ) $(".removeMe").remove(); 
    })
    .on("mouseenter mouseleave", ".ss", function(f){
        $(this).toggleClass("removeMe", f.type === "mouseenter" );
    });

从这个例子中可以清楚地看出，不再鼓励使用 $.live 来进行事件委托(delegate)。从这里开始使用 $.on 代替。

fiddle :http://jsfiddle.net/YS7jH/2/