Question

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

当鼠标进入div的区域时，我希望<div>保持不变，当我从<div>执行mouseout时，<div>应该会消失<td>。

为什么我的鼠标指针无法进入<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;">

无法将鼠标输入pop up div

2 个答案: