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

Question

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

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

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

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

Answer 1

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

Answer 2

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

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

此外，如果这是一个 jQuery DOM 创建的对象，您可能必须通过 $(query).find(query) 向下钻取（或根据 $(query).parent() 的引用向上钻取）。