javascript中的srcelement

最新推荐文章于 2025-02-18 18:38:38 发布

转载最新推荐文章于 2025-02-18 18:38:38 发布 · 1.3k 阅读

文章标签：

#javascript #button #function #xhtml #input #div

JS 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了在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>