啊啊啊啊一个接近崩溃的Table的onMouseOver和onMouseOut的问题

Question

<table width="350" border="0" cellspacing="0" cellpadding="0" onMouseOver="document.getElementById('m').innerText=11111111" onMouseOut="document.getElementById('m').innerText=222222222">
<tr>
<td bgcolor="#996633">&nbsp;</td>
<td bgcolor="#234633"><button > Clos</button></td>
<td bgcolor="#0000FF">&nbsp;</td>
</tr>
</table>
<div id="m"></div>
没问题呀，你用alert  你点确忍的时候已经移出table了

Answer 1

嗯嗯，同意楼上~~~
因为table本来就是个虚无的对象~~主要是组织子对象~~~

Answer 2

没办法了,
我在IE与FireFox中都测试了一样,情况一样,
尽量不要嵌套对象吧.

Answer 3

table里加上 onmousemove=null 看看

Answer 4

to mingxuan3000(铭轩) 
table里?还是加在内部的元素啊？

Answer 5

table我一楼的那个有你说的问题么？你自己试一下呀

Answer 6

<style type="text/css">
html, body {
padding:0px;
margin:0px;
}
</style><br>
<br>
<br>
<br>
<br>
<br>
<br><table id="ta" width="350" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td bgcolor="#996633">&nbsp;</td>
    <td bgcolor="#234633"><button >  Clos</button></td>
    <td bgcolor="#0000FF">&nbsp;</td>
  </tr>
</table>
<script type="text/javascript">
var rePosition = function (o) {
//获取元素绝对位置
var $x = $y = 0;
do {
$x += o.offsetLeft;
$y += o.offsetTop;
} while ((o = o.offsetParent) && o.tagName != "BODY");
return { x : $x, y : $y };
};window.onload = function () {
var wc = document.getElementById("ta"), ing = false;
wc.onmouseover = function () {
if (!ing) {
ing = true;
alert("over");
}
};

wc.onmouseout = function () {
var wc = this, e = window.event || e,
x = document.body.scrollLeft + e.clientX, y = document.body.scrollTop + e.clientY, p = rePosition(wc);
//alert(y);
if (x <= p.x || x >= (p.x + wc.offsetWidth) || y <= p.y || y >= (p.y + wc.offsetHeight)) {
alert("out");
ing = false;
}
};
};
</script>

Answer 7

多谢muxrwc
你的办法很好，哈哈，感谢
还有不知道能否用event.fromElement和event.toElement实现啊

Answer 8

如果是ie，就用onmouseenter/onmouseleave/
如果考虑其它的浏览器，用mouseout时要判断是否 this.contains(event.toElement||event.relateTarget)
注：contains方法只有ie里有实现.有关onmouseover和onmouseout：
http://jkisjk.spaces.live.com/blog/cns!758CACE25E89DD3B!397.entry

Answer 9

哈哈，感谢muxrwc(生命曾可贵，信念价更高，学习要努力，追猫永不弃。) 
明天来结贴了，能不能发你提到的以前的那个帖子地址给小弟看看哦，呵呵

Answer 10

不行就setCapture(false)一下 强制限制内部元素的事件触发

Answer 11

FF只能addEventListener来取消所有的鼠标响应

Answer 12

无奈 FF的DOM方法真是少得可怜 但FF对style支持的不错 搞设计的话考虑下FF 搞Enterprise Application的话 就没必要考虑FF了