根据鼠标位置绑定一个js事件：性能杀手与否？

Question

我做到了这一点： http://jsfiddle.net/CS273/4/

在这个小提琴上，当鼠标到达文本输入的右侧区域时，它会更改光标（指针）并创建一个单击事件侦听器。 当鼠标离开右侧区域时，同一事件监听器将被销毁。

我会称之为“即时”事件监听器绑定，也许它已经有了一个名字。

这样做是不是好事？

Answer 1

在所有条件相同的情况下，你可能永远不会注意到性能受到打击，但这是一种奇怪的方式来做你想要的。

我建议您重新处理HTML，以便'x'不是输入的一部分，您只需附加一个普通的事件处理程序。

示例：http://jsfiddle.net/cwolves/CS273/6/

Answer 2

请将此更新发送给您的小提琴：http://jsfiddle.net/maniator/CS273/5/

我制作了一个浮动div来为你处理点击。

这里有一些颜色，所以你看到它：http://jsfiddle.net/maniator/CS273/7/

你需要的唯一的js：

$(".hover").click( function(e) {
    $('.filterNameInput').val('').blur();
});

您可以将cursor: pointer;添加到.hover的CSS中，使其与您当前的版本相同。