javascript - 如何确保 DOM 元素在包含 Flash 对象时触发鼠标悬停

Question

我有一个包含多个子元素的 div，其中一个是 flash 电影。

滚动此 div 时，我希望它更改样式以指示它已滚动。我的问题是 mouseover 和 mouseout 事件并不总是触发，尤其是当用户将鼠标过快地移到 flash 元素上时。

有关如何确保始终触发 mouseover 事件的任何建议。

我无法向 Flash 影片本身添加事件，因为它是我没有源代码的专有代码。

我也不能在 div/image 中覆盖 flash 电影，因为我需要在 flash 本身内发生滚动和点击事件。

Answer 1

将对象/嵌入标记的wmode参数更改为opaque。

您的代码应如下所示。

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia
.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="800" height="600">
    <param name="movie" value="movie.swf">
    <param name="wmode" value="opaque">
    <embed src="movie.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="600"></embed>
</object>