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>
<p class="blk" onmouseover="fff(event)"></p>
</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>
<p class="blk" onclick="alert(event.srcElement.style.pixelLeft)"></p>
当我点击这个块的时候就可以弹出 该对象的style.pixelLeft的值恒为0。
为啥样式必须写在里面才有效呀?写在style里面的样式,感觉事件获取不到他的样式。
<body>
</body>
你的例子不完整,测试不了。举个例子,鼠标从 B 移进 A,触发了 A 的
mouseover
事件,fromElement
就指向 B,toElement
指向 A。再从 A 移出到 B,触发 A 的mouseout
事件,此时fromElement
就指向 A,toElement
指向 B。这两个属性是 IE 特有,在其他浏览器中应该用
target
和relatedTarget
。