javascript - IE8 : Rearranging nodes with Javascript appears to be dropping event handlers

Question

我有一个 table ，侧面有一个小按钮，它会自动移动到用户鼠标所在的任何行。当鼠标移动时，按钮的包含范围(以及其中的所有元素)将使用 insertBefore() 函数移动。然而，该按钮有一个已注册的 onclick 事件处理程序(使用 AttachEvent())，一旦按钮移动，onclick 事件将不再触发。

这是一个已知问题吗？

Answer 1

使用 insertBefore、appendChild 和其他 DOM 操作方法可以在所有浏览器中保留事件处理程序，所以这不是您的问题。

我尝试重现所描述的问题，并且在 IE8 中单击时发现了该错误。该按钮只是停留在按下状态，并且单击处理程序不会触发。以前从未见过这样的错误。

要解决此问题，您可以使用 mouseenter 事件而不是 mouseover。 (此事件内置于 IE 中，但并非在所有现代浏览器中内置。要创建此跨浏览器，您可以使用 jQuery mouseenter)。

JSFiddle 链接(在 IE8 中查看):with bug和 fixed version