javascript - 保证触发 onmouseout 事件

Question

我目前正在开发一个网络应用程序，遇到了一个小问题。我正在使用 ExtJS ，但我认为这是一个一般的 JS 问题。

当光标进入一个 HTML 元素时，onmouseover 事件被触发，当光标离开该元素时，onmouseout 被触发。到目前为止，一切都很好。不幸的是，似乎不能完全依赖这种行为。非常快速的鼠标移动可能会导致事件不触发(例如，使用数位板重新定位光标也是如此)。

处理这些问题的最佳做法是什么？我是否需要监视所有 onmousemove 事件并手动跟踪光标的最后位置并自行触发适当的 onmouseout 事件？

Answer 1

这是一个常见问题，解决起来并不容易。尝试在单个元素级别处理 mouseover/out 基本上是不可能解决的。使用 Ext JS，通常建议尽可能使用委托(delegate)事件处理，这也有助于监视鼠标事件。例如，在尽可能高的级别上监视鼠标悬停/移出，并检查事件目标和/或相关目标(传递到您的处理函数中的事件对象的属性)以确定在任何给定事件期间涉及哪些元素(我已经完成这是我自己——它可能会变得棘手，但它是有效的)。如果您的用例正在监视有效的拖放场景，则 DragZone 和 DropZone 类旨在执行此操作。

如果您可以填写更多有关您要完成的工作的详细信息，这可能会有所帮助。