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>

  • 相关阅读:
    leetcode 264: Ugly Number II
    leetcode 260: Single Number III
    leetcode 241: Different Ways to Add Parentheses
    清远市技术学院大学城网
    英德市职业技术学校大学城网
    清远市田家炳中学大学城网
    清远市清城区清城中学大学城网
    清远市第一中学大学城网
    当前最热的技术
    Python 学习视频
  • 原文地址:https://www.cnblogs.com/handboy/p/7153265.html
Copyright © 2011-2022 走看看