我发现在IE 9及以下版本中的小x图标不能像在IE 10(以及更好的浏览器如chrome)中那样绑定到我的任何jquery事件上。这就是我说的x图标。
有什么方法可以让我手动绑定这个小x图标吗?我看到很多关于如何使用css隐藏x按钮的帖子。
<style type="text/css">
::-ms-clear {
display: none;
}
</style>
但是我想把点击事件绑定到这个东西上,可以吗?
绑定到伪元素是不可能的。然而,你可以创建一个div,并将其置于绝对上方,然后绑定到它。这应该可以阻止用户点击实际的x。
任何HTML元素都会有一个点击事件。我并不完全了解你提到的 "x "按钮的上下文;但是,如果这个元素在DOM中被操作过,以至于它被重新渲染(例如$("#somediv").dialog()),那么在调用之前附加在它上面的任何javascript功能或操作都会被删除。在这种情况下,最好的解决方案是在所有操作完成后定义事件性质。
如果一个元素是在飞行中被操作的,那么该元素的事件可能需要在之后重新绑定。
此外,如果这是一个jQuery DOM创建的对象,你可能需要通过$(query).find(query)往下钻(或者根据引用的情况通过$(query).parent()往上钻)。