如何将事件绑定到Internet Explorer中的清除x按钮图标（参见图片）

Question

我发现IE 9及更低版本中的小x图标不会像IE 10中那样绑定到我的任何jquery事件（以及更好的浏览器，如chrome）。这是我正在谈论的x图标：

有没有办法可以手动绑定这个小x图标？我已经看过很多关于如何使用css隐藏x按钮的帖子：

<style type="text/css">
  ::-ms-clear {
    display: none;
  }
</style>

但我实际上不会将click事件绑定到这个东西。可以吗？

Answer 1

无法绑定到伪元素。但是你可以创建一个div并将它绝对放在它的顶部，然后绑定到它。这应该阻止用户点击实际的x。

Answer 2

任何HTML元素都会有一个点击事件。我没有完全理解你提到的这个“x”按钮的上下文;但是，如果在DOM中操作此元素使其重新呈现（例如$（“＃somediv”）。dialog（）），那么在该调用之前附加到它的任何javascript功能或操作都将被删除。在这种情况下，最好的解决方案是在所有操作完成后定义事件性质。

如果动态操作某个元素，那么该元素的事件可能需要在之后重新绑定。

此外，如果这是一个jQuery DOM创建的对象，您可能需要向下钻取$（查询）.find（查询）（或者取决于$（查询）.parent（）的引用。） / p>