javascript中的srcelement

本文介绍了在Internet Explorer浏览器中特有的DOM事件属性srcElement的作用及其使用方法。通过一个示例展示了如何利用srcElement来确定触发事件的实际元素,这对于处理复杂的DOM结构中的事件委托非常有用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

srcElement 是Dom事件中的事件最初指派到的元素。

比如有一个div,里面有一个按钮。你响应div的onclick事件,但实际上,你单击的只是它内部的按钮,那么,srcElement指向的,就是那个按钮。

srcElement只在IE中有效。

在Opera系列浏览器中对应的属性是target

给你一个IE下使用的例子。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页</title>
    <script type="text/javascript">
    function onLoad()
    {
        document.getElementById( "myDiv" ).attachEvent( "onclick", on_myDivClick );
    }
    function onUnLoad()
    {
        document.getElementById( "myDiv" ).detachEvent( "onclick", on_myDivClick );
    }
    function on_myDivClick( e )
    {
        if( !e ) e = window.event;
        alert( "event: " + e.type + ", fromElement = " + e.srcElement.id );
    }
    </script>
</head>
<body onload="onLoad()" onunload="onUnLoad()">
<div id="myDiv">
    <input type="button" id="btn1" value="button1" />
    <input type="button" id="btn2" value="button2" />
</div>
</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值