zoukankan      html  css  js  c++  java
  • event.srcElement就是指向触发事件的元素,他是什么就有什么的属性

    原文发布时间为:2009-06-29 —— 来源于本人的百度文章 [由搬家工具导入]

    得到或设置触发事件的对象。  
    event.srcElement就是指向触发事件的元素,他是什么就有什么的属性

    srcElement 是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理,所以由一个属性指向产生初始事件的元素是很有帮助的.有了元素的引用,就可以读/写改元素的属性,并调用他的任何方法.
       
    用法:  
    event.srcElement   [   =   oObject   ]    
       
    可能的值:  
       
    oObject:  
       
    Object   that   specifies   或者   receives   the   event   that   fired.    
       
    该属性可读/写,没有默认值。IE4中只读。  
       
    详细说明和例子:  
    http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/srcelement.asp

    例子1:
    <script>  
    function   a()  
    {  
    alert("您点击的标记是:"   +   event.srcElement.tagName) ;
        //tagName还 可以是id
    }  
    </script>  
    <body   onclick="a()">  
    点鼠标测试<br>  
    <input>  
    <a   href=#>test</a>  
    <div>测试</div>  
    <p>测试</p>  
    <span>测试</span>
    例子 2:
    通过一个函数实现每个<Td>里添加一个onclick,并对对应相应的ID
    <table border=1 width=50%>
    <tr>
    <td id="d1" align="center">1</td>
    <td id="d2" align="center">2</td>
    <td id="d3" ALIGN="center">3</td>
    <td id="d4" align="center">4</td>
    <td id="d5" align="center">5</td>
    <td id="d6" ALIGN="center">6</td>
    </tr>
    </table>
    <script>
    for(var i=1;i<=6;i++)
    {
    eval("d"+i).attachEvent("onclick",Fclick);
    }
    function Fclick()
    {
    alert(event.srcElement.id);
    }
    </script>

    例子3:
    比如:var   e=window.event.srcElement;  
    e.style.backgroundColor='blue';  
       
    srcElement表示事件源

    在mozilla中
    el   =   e.target   ?   e.target   :   e.srcElement;

    例二
    <html>
    <script>
    function getEvent()
    {var i = 0;
    if(document.all)return window.event;
    func=getEvent.caller;
    while(func!=null)
    {
    var arg0=func.arguments[0];
    if(arg0)
    {
    if(arg0.constructor==Event){
    return arg0;
    }
    }
    func=func.caller;
    }
    return null;
    }

    document.onclick = function(e) //要兼容FF的话,这个参数一定要写上
    {
    e = getEvent();
    var srcElement = e.srcElement || e.target;
    alert(srcElement.innerHTML);
    }
    </script>
    <body>
    window.event事件测试<br/>
    <input type="button" name="b_test" value="测试">
    </body>
    </html>

  • 相关阅读:
    学期总结
    C语言II博客作业04
    C语言I博客作业08
    第十六周助教总结
    C语言||博客作业02
    期末助教总结
    S1 冒泡排序
    关于asp.net HttpUtility.UrlDecode解码问题
    asp.net Sql缓存依赖(SqlCacheDependency)
    解决aps.net 2.0中ajax调用webservice的问题
  • 原文地址:https://www.cnblogs.com/handboy/p/7153265.html
Copyright © 2011-2022 走看看