無法將鼠標輸入到彈出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