我已经这样做了： http://jsfiddle.net/CS273/4/
在这个小提琴上，当鼠标到达文本输入的右侧区域时，它会改变光标（指针）并创建一个点击事件监听器。 当鼠标离开正确的区域时，同样的事件监听器被销毁。
我会称之为“动态”事件侦听器绑定，也许它已经有了一个名称。
这样做到底好不好？
【问题讨论】：
标签： javascript events dom mouseevent
在所有条件相同的情况下，您可能永远不会注意到性能下降，但这是一种有点奇怪的方式来做您想做的事情。
我建议重新处理您的 HTML，以便“x”不是输入的一部分，您可以附加一个普通的事件处理程序。
【讨论】：
查看您的小提琴的此更新：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 中，使其看起来与您当前的版本相同。
【讨论】：
position:fixed，使它成为一个不可重用的例子。