如何确定鼠标指针是否在应该触发 MouseOver 的元素上？

Question

我正在尝试模仿 bing 视频搜索预览功能。我有一个在页面加载时加载的 Flash 视频播放器元素。我还有多个包含在覆盖 div 中的图像，这些图像应该触发播放（div 中的 onMouseOver 事件），并将 Flash 播放器移动到 div 位置。

我有两个与鼠标指针所在位置有关的问题：

• 当onMouseOver 事件被触发时，我在<img /> 上执行$(element).css("visibility","hidden");，并将Flash 播放器移动到完全相同的位置。这可以正常工作，除了onMouseOut 事件被立即触发，然后onMouseOver 事件再次导致视频在重新加载视频时“闪烁”。如何确保错误触发的 onMouseOut 事件确实不正确（而不是停止/开始视频播放）？

• 如果鼠标指针在页面加载时（在加载 Flash 播放器之前）带有预览图像的 div 上方，则永远不会为此元素触发 onMouseOver 事件 - 我该怎么做？加载 Flash 时，它会触发回调 - 但我真的不知道如何准确模仿 onMouseOver 事件？与其他问题相比，这不是一个问题，但如果可以修复它会很酷

Answer 1

1. 请改用 mouseenter() 和 mouseleave()。
2. flash 加载时重新初始化 mouseenter 函数。