首页  >  问答  >  正文

javascript - 想请教下,这句话怎么理解?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>

<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里面的样式,感觉事件获取不到他的样式。

PHP中文网PHP中文网2749 天前464

全部回复(2)我来回复

  • 高洛峰

    高洛峰2017-04-10 14:43:16

    <body>

    </body>

    回复
    0
  • 黄舟

    黄舟2017-04-10 14:43:16

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

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

    回复
    0
  • 取消回复