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>

  • 相关阅读:
    Android开发 ViewConfiguration View的配置信息类
    Android 开发 倒计时功能 转载
    Android 开发 关于7.0 FileUriExposedException异常 详解
    Android 开发 实现文本搜索功能
    Android 开发 Activity里获取View的宽度和高度 转载
    Android 开发 存储目录的详解
    Android 开发 Fresco框架点击小图显示全屏大图实现 ZoomableDraweeView
    Android 开发 将window变暗
    Android 开发 DisplayMetrics获取Android设备的屏幕高宽与其他信息
    Android 开发 DP、PX、SP转换详解
  • 原文地址:https://www.cnblogs.com/handboy/p/7153265.html
Copyright © 2011-2022 走看看