提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

关于onclick中的event对象和element对象

对象 关于 Element Event onClick
2023-09-11 14:16:43 时间

event.srcElement：引发事件的目标对象，常用于onclick事件。

event.fromElement：引发事件的对象源，常用于onmouseout和onmouseover事件。

event.toElement：引发事件后，鼠标移动到的目标源，常用于onmouseout和onmouseover事件。

 

onmouseover时，srcElement相当于toElement；

onmouseout时，srcElement相当于fromSrcElement

 

小示例(兼容FF浏览器)：

 

复制代码
    <mce:script type="text/javascript"><!--
        function mouseoutHandler(oEvent,objTagName)
        {
        var oEvent = oEvent ? oEvent : window.event 
        var oElem = oEvent.toElement ? oEvent.toElement : oEvent.relatedTarget; // 此做法是为了兼容FF浏览器
        alert(oElem.id);  // 当鼠标移出Div1时，会弹出提示框提示鼠标移动到的另一个元素的ID
        }
        
　　// --></mce:script>
　　<div onmouseout="mouseoutHandler(event)" id="div1" style=" width:50px; height:50px;">div1</div>
　　<div id="div2" style="width:50px; heigth:50px;" >div2</div>

相关文章