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

Question

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

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

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

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

Answer 1

1. 请改用mouseenter（）和mouseleave（）。
2. 加载闪光灯时重新初始化mouseenter的功能。