Onmouseover 和 onmouseout 在 IE 中不起作用答案

【问题标题】：Onmouseover & onmouseout not working in IEOnmouseover 和 onmouseout 在 IE 中不起作用
【发布时间】：2013-02-16 07:17:33
【问题描述】：

我对 onmouseover 和 onmouseout 事件有疑问。我在我的网站上做它：http://pacogames.com/ 当你用 Chrome 或 FF 访问它并且你用鼠标在游戏上移动时，你可以看到游戏的视频，但是当你用 IE 访问它时，播放视频仅当您将鼠标悬停在空白处时。当您的鼠标在图像上时，您看不到视频。（我指的是 div.BOXRIGHT 中的游戏）。

下面是示例代码：

<li id="videobox-1" class="videobox">
  <a href="url_game" id="OdkazVideo1"> 
    <div id="video1">
    </div>
    <div style="display:block; position: absolute; top: 5px; width: 163px; height: 182px; z-index: 90;" onmouseover="PrehrajVideo(1, 'game_video.swf')" onmouseout="ZastavVideo(1)">
    </div> 
  </a>         
  <a href="url_game">   
   <img class="BOXGAMES_IMG" src="image_game.png" alt="play name_game" style="position: relative; z-index: 1;" /><br />game_name
</a> 
    <span style="width: 100px; height: 22px; float:left; padding: 5px 30px 0 30px;">'.$game['rating'].'</span>
    <p class="BOXGAMES_PLAYS">200 Plays </p>   
</li>';

和JS函数

function PrehrajVideo (id, video) {   

  var params = {
      'wmode': 'transparent',
      'quality': 'high',
      'mute': '1'
  }
  swfobject.embedSWF(video, "video"+id, "163", "123", "7", false, "", params, "" ); 
}

function ZastavVideo (id) { 
  swfobject.removeSWF("video"+id);
  $('#OdkazVideo'+id).prepend("<div id='video"+id+"'></div>");
}

谁能帮我解决这个问题？非常感谢。

【问题讨论】：

适用于所有版本的 IE...
没有最新或顶级游戏，但主要游戏......
好吧，据我所知，它完全按照您告诉它的方式做，但是由于图像位于“悬停”元素的顶部，所以它没有按照您的意思告诉它 =/

标签： javascript onmouseover onmouseout

【解决方案1】：

对 IE 使用 onMouseLeave 事件。这样就可以解决问题了。

【讨论】：

IE 在尝试使用 mouseout mouseover 时因为子元素而表现得非常可笑。 mouseenter/mouseleave
我在每场比赛前加了两行，我通过attachevent设置了onmouseenter和onmouseleave，但问题仍然存在