无法将鼠标输入到弹出div中
[英]not able to enter mouse into pop up div
问题描述
If I hover my mouse into the <div> area, it will move away. 
如果将鼠标悬停在<div>区域，它将移开。
I want the <div> to stay still when a mouse enters the div's region, then the <div> should disappear when I do a mouseout from the <div> , or the <td> . 我希望当鼠标进入div的区域时<div>保持静止，然后当我从<div>或<td>进行mouseout移出时， <div>应该消失。
Why can't my mouse pointer enter the <div> area? 为什么我的鼠标指针不能进入<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>
2 个解决方案
解决方案1
0 2009-08-12 19:19:51
The problem is that onmouseout event fires when you try to enter opened div. 问题在于，当您尝试输入打开的div时会触发onmouseout事件。
First i suppose you need to timeout removing of div. 首先，我想您需要超时删除div。
And second you need to place a onmouseover event on opened div where you will pause removing of div until mouse will move from the div. 其次，您需要在打开的div上放置onmouseover事件，在该事件上您将暂停div的移除，直到鼠标从div移开为止。
解决方案2
0 2009-08-12 19:20:55
只需将鼠标也添加到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;">
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.