首页 > 想请教下,这句话怎么理解?fromElement对于 onmouseover 和 onmouseout 事件

想请教下,这句话怎么理解?fromElement对于 onmouseover 和 onmouseout 事件

IE 属性
除了上面的鼠标/事件属性,IE 浏览器还支持下面的属性:
fromElement 对于 mouseover 和 mouseout 事件,fromElement 引用移出鼠标的元素。
自己对后面的 fromElement引用移出鼠标的元素这句话不好理解。
是不是这样理解? 比如定义一个

测试一下
                                  当鼠标经过这个.blk块的时候,就可以引用移出鼠标的元素.blk?

自己完整的例子如下 :
<style>
.blk {width:300px;height:300px; background:blue;}
</style>
<script type="text/javascript">
function fff(e){
alert(e.fromElement.className);
}
</script>
</head>

<body>

<div class="blk" onmouseover="fff(event)"></div>

</body>
在IE6下测试时候,鼠标经过后并不像他之前所说的 可以引用移出鼠标的元素, 这里没有显示这个.blk的元素呀
还是自己没真正理解这块呀?

多谢了,想请教下 。关于 event.style.pixelLeft,在IE6下这点有点搞不懂。
比如下面

当我点击这个块的时候就可以弹出 该对象的style.pixelLeft的值。
而下面的这样写的话,
<style> .blk{postion:absolute;left:10%;top:30%;width:200px;height:100px;border:1px solid blue;}
</style>

<div class="blk" onclick="alert(event.srcElement.style.pixelLeft)"></div>

当我点击这个块的时候就可以弹出 该对象的style.pixelLeft的值恒为0。
为啥样式必须写在里面才有效呀?写在style里面的样式,感觉事件获取不到他的样式。


<body>

</body>


你的例子不完整,测试不了。举个例子,鼠标从 B 移进 A,触发了 A 的 mouseover 事件,fromElement 就指向 B,toElement 指向 A。再从 A 移出到 B,触发 A 的 mouseout事件,此时 fromElement 就指向 A,toElement 指向 B。

这两个属性是 IE 特有,在其他浏览器中应该用 targetrelatedTarget

【热门文章】
【热门文章】