マウスを<div>
エリアにマウスを置くと移動します。は、マウスをポップアップ部門に入れることができません
私は<div>
、または<td>
からmouseout
を行うときに<div>
が消えなければならない、マウスがdiv要素の領域に入ったとき<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>