无法将鼠标输入到弹出div中

Question

如果将鼠标悬停在<div>区域，它将移开。

我希望当鼠标进入div的区域时<div>保持静止，然后当我从<div>或<td>进行mouseout移出时， <div>应该消失。

为什么我的鼠标指针不能进入<div>区域？

<html>
  <div id="divPopup" onmouseout="removeDIV(this,event);" style="display:none;width:100px;height:100px;color:Navy;border:2px;border-color:Red;border-style:solid;">
    Yes its me
  </div>

  <table>
    <tr><td>A</td></tr>
    <tr><td>S</td></tr>
    <tr><td onmouseover="loadDIV(event)" onmouseout="removeDIV(this,event);">D</td></tr>
    <tr><td>E</td></tr>
  </table>

  <script language="javascript" type="text/javascript">
    function loadDIV(evt) {
      var myWin = document.getElementById('divPopup');
      myWin.style.position='absolute';
      myWin.style.left = evt.x;
      myWin.style.top = evt.y;
      myWin.style.display='block';
    }

    function removeDIV(obj,evt) {
      var myWin = document.getElementById('divPopup');
      myWin.style.display='none';
      myWin.style.left = 0;
      myWin.style.top = 0;
    }
  </script>
</html>

Answer 1

问题在于，当您尝试输入打开的div时会触发onmouseout事件。
首先，我想您需要超时删除div。
其次，您需要在打开的div上放置onmouseover事件，在该事件上您将暂停div的移除，直到鼠标从div移开为止。

Answer 2

只需将鼠标也添加到div即可，例如：

<div id="divPopup" onmouseover="loadDIV(event)" onmouseout="removeDIV(this,event);" style="display:none;width:100px;height:100px;color:Navy;border:2px;border-color:Red;border-style:solid;">

无法将鼠标输入到弹出div中

问题描述

2 个解决方案

解决方案1
0 2009-08-12 19:19:51

解决方案2
0 2009-08-12 19:20:55

无法将鼠标输入到弹出div中

问题描述

2 个解决方案

解决方案1 0 2009-08-12 19:19:51

解决方案2 0 2009-08-12 19:20:55

解决方案1
0 2009-08-12 19:19:51

解决方案2
0 2009-08-12 19:20:55