原文发布时间为：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. 二十九、MySQL 序列使用

    MySQL 序列使用 MySQL 序列是一组整数:1, 2, 3, ...,由于一张数据表只能有一个字段自增主键, 如果你想实现其他字段也实现自动增加,就可以使用MySQL序列来实现. 本章我们将介绍 ...

  2. 使用Navicat连接阿里云ECS服务器上的MySQL数据库

    一.首先要mysql授权 mysql>GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' IDENTIFIED BY '你的mysql数据库密码' WITH GR ...

  3. 【CSS】css控制模块到顶层或底层

    举例子,分别有div1和div2现要把div1控制在div2的顶层,可以这样做: } div.div2{} 两个要点:一.设置div的position为absolute,即绝对定位.二.z-index ...

  4. GoF23种设计模式之结构型模式之适配器模式

    一.概述         将一个类的接口转换成客户希望的另外一个接口.适配器模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作. 二.适用性 1.你想使用一个已经存在的类,但是它的接口不符合 ...

  5. DAG上的动态规划——嵌套矩阵问题

    问题描述:有n个矩形,每个矩形可以用两个整数a,b描述,表示它的长和宽.矩形X(a,b)可以嵌套在矩形Y(c,d)中当且仅当a<c,b<d,或者b<c,a<d(相当于把矩形X旋 ...

  6. Scrapy框架的命令行详解【转】

    Scrapy框架的命令行详解 请给作者点赞 --> 原文链接 这篇文章主要是对的scrapy命令行使用的一个介绍 创建爬虫项目 scrapy startproject 项目名例子如下: loca ...

  7. WPF实现QQ群文件列表动画（一）

    QQ群大家都用过,先看下目前QQ的群文件列表容器的效果: 细心点大家就会发现,这玩意收缩和展开是带动画的,并不是很僵硬地直接收缩或者直接展开,毫无疑问,如果用WPF实现这样的效果,这里的最佳控件是Ex ...

  8. OpenCV学习笔记（三） 访问像素

    转自:OpenCV如何扫描图像.利用查找表和计时 测试代码:opencv\samples\cpp\tutorial_code\core\how_to_scan_images 测试函数耗时 cv::ge ...

  9. 回顾Scrum学习：《Scrum实战》第4次课【全职的Scrum Master】作业

    回顾Scrum学习   1.回顾目标 1.1 期望结果 了解和学习Scrum,为将来换方向打好理论基础 如果能在目前公司引入和推行也很好,但是根据目前公司的文化氛围来看,推行希望不大 把敏捷思想应用到 ...

  10. 56、使用android studio（v1.3.*）修改包名 (rename package name)

    一.修改包名 ①选中目录,开始构造 在弹窗中选中Rename directory 在弹窗中选中Rename package 填写新的包名,点击Refactor 如果有警告,不用管它,直接点击Do Re ...