原文发布时间为：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>

event.srcElement就是指向触发事件的元素，他是什么就有什么的属性的更多相关文章

  1. window.event.srcElement与window.event.target 触发事件的元素 触发事件对象的获取，window.event与时间函数参数的event是同一个 事件对象

    判断事件触发的元素:     var tag = window.event.target || window.event.srcElement;    if (tag.tagName.toLowerC ...

  2. javascript和jquery 获取触发事件的元素

    一个很简单的问题,却因为大意,经常忘了处理,导致程序运行出错. <!DOCTYPE html> <html> <head> <meta charset=&qu ...

  3. js获取触发事件的元素

    //获取事件 var e = window.event; //获取元素 obj = e.target || e.srcElement; console.log(e); checkRepeat(e.ta ...

  4. window.event.srcElement与window.event.target 触发事件的元素

    IE浏览器支持window.event.srcElement , 而firefox支持window.event.target:<input type="text" onblu ...

  5. 关于window.event.srcElement 和 window.event.target(触发事件的对象)

    转自:https://www.cnblogs.com/zhilingege/p/7423817.html window.event.srcElement   是指触发事件的对象 <script ...

  6. event.srcElement与event.target的区别

    window.event.srcElement与window.event.target 都是指向触发事件的元素,它是什么就有什么样的属性 srcElement是事件初始化目标html元素对象引用,因为 ...

  7. js事件源window.event.srcElement兼容性写法

    <html> <body> <p>一个好处就是 我想让body(或其他元素内)的某些对象响应事件 就不用挨个儿去写 只要在外层上写一个 然后检查event.srcE ...

  8. event.srcElement在火狐(FireFox)下的兼容问题。搜索框获得焦点时默认文字变化

    前言: 项目中用到了一个功能,搜索框里有默认的文字,当搜索框获得焦点时里面的默认文字消失,如果失去焦点时搜索框内容为空则让里面的内容回复默认!,. 实现: 很轻松的在网上找到了类似代码 $(" ...

  9. js的event.srcElement与event.target（触发事件对象）

    IE下,event对象有srcElement属性,但是没有target属性; Firefox下,event对象有target属性,但是没有srcElement属性.但他们的作用是相当的,即: fire ...

随机推荐

  1. HDU 1423 Greatest Common Increasing Subsequence（LCIS）

    Greatest Common Increasing Subsequenc Problem Description This is a problem from ZOJ 2432.To make it ...

  2. JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)

    判断是否IE浏览器用的是window.navigator.userAgent,跟踪这个信息,发现在开发环境,识别为IE10,但访问服务器则识别为IE11,但IE11的userAgent里是没有MSIE ...

  3. The Suspects POJ 1611

    The Suspects Severe acute respiratory syndrome (SARS), an atypical pneumonia of unknown aetiology, w ...

  4. 子窗体与父窗体调用对方js方法

    有时候为了减少一个页面内的代码量,会将部分内容放到子窗体中,如后台管理中用iframe来进行管理 <div> <iframe id="dviframe" src= ...

  5. kettle - Linux下定时执行kettle作业

    Linux下实现kettle 自动同步数据 1.安装jdk tar -zxvf jdk-7u25-linux-x64.tar.gz -C /usr/share 2.配置java环境 vim /etc/ ...

  6. HDU 3896 Greatest TC 双连通分量

    题意 给一个连通的无向图,有两种询问: \(a, b, c, d\),问如果删掉\(c,d\)之间的边,\(a,b\)之间是否还连通 \(a, b, c\),问如果删掉顶点\(c\),\(a,b\)之 ...

  7. 自己用C语言写RH850 F1KM serial bootloader

    了解更多关于bootloader 的C语言实现,请加我QQ: 1273623966 (验证信息请填 bootloader),欢迎咨询或定制bootloader(在线升级程序). 手上有块Renesas ...

  8. heap&stack的区别

    1. heap (堆)是一个可动态申请的内存空间,一般所有创建的对象和数组都放在这里.stack (栈)是一个先进后出的数据结构,通常用于保存方法(函数)中的参数,局部变量.stack (栈)的空间小 ...

  9. 用js立即执行函数开发基于bootstrap-multiselect的联动参数菜单

    代码调用方式如下: data=[{F0:总分类cd,F1:总分类name,F2:大分类cd,F3:大分类name,F4:中分类cd,F5:中分类name,F6:小分类cd,F7:小分类name},.. ...

  10. leetcode 【 Majority Element 】python 实现

    题目: Given an array of size n, find the majority element. The majority element is the element that ap ...