转自：https://www.cnblogs.com/zhilingege/p/7423817.html

window.event.srcElement   是指触发事件的对象

<script LANGUAGE="JavaScript">

<!--

function mm()

{

var str = "";

for (mm in window.event.srcElement)

str += mm+"="+ window.event.srcElement[mm] +"/n"; //得到 srcElement 的所有属性

alert(str);

}

//--></s cript>

event.srcElement就是指向触发事件的元素，他是什么就有什么的属性

srcElement 是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理,所以由一个属性指向产生初始事件的元素是很有帮助的.有了元素的引用,就可以读/写改元素的属性,并调用他的任何方法.

=====================================================================

<div >
<input type="button" value="父元素标签"

onclick="alert(event.srcElement.parentNode.tagName)">
</div>

event.srcElement有关问题- -

event.srcElement的子标签 和父标签:

第一个子标签为
event.srcElement.firstChild
最后个一个子标签是
event.srcElement.lastChild
当然也可以用
event.srcElement.children[i]
event.srcElement.ChildNode[i]
至于event.srcElement.parentElement是指在鼠标所在对象的上一个对象．

完整示例如下：
---------------------------------------------------------------------<html>    <body>

<script>

function a()

{ alert("您点击的标记是：" + event.srcElement.tagName) }

</script>

<body onclick="a()">

点鼠标测试<br>

<input><a href=#>test</a>

<div>测试div: </div>

<p>测试p: </p>

<span>测试span: </span><br /><br />

<span>

<a href="/" onmouseover="alert(event.srcElement.parentElement.tagName);">放在我上面</a>

</span>

</body>        </html>

范例2：

<html>              <body>

<script language="JavaScript">

function f()

{

alert('index.asp'+event.srcElement.title)

location.href='index.asp'+event.srcElement.title

}

</script>

<input type=button value=Go title="?page=1" onclick=f()>

<a title="a测试" onclick="alert(event.srcElement.title)" >a测试</a>

<br>

<table border=1 width="200">

<tr title="tr测试" onclick="alert(event.srcElement.parentElement.title)"><td>tr</td></tr>

</table>

<table border=1 width="200">

<tr><td title="td测试" onclick="alert(event.srcElement.title)">td</td></tr>

</table>

<select name="selectname" onchange="alert(event.srcElement.options[event.srcElement.selectedIndex].value)" >

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

<option value="5">5</option>

</select>

</body>           </html>

---------------------------------------------------------------------

可以调用的方法还有：

event.srcElement.id
event.srcElement.tagname
event.srcElement.type
event.srcElement.value
event.srcElement.name
event.srcElement.classname
event.srcElement.parentelement
event.srcElement.getattribute
event.srcElement.children
event.srcElement.lastChild
event.srcElement.ChildNode
event.srcElement.selectedIndex

=====================================================================

关于window.event.srcElement 和 window.event.target(触发事件的对象)的更多相关文章

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

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

  2. event.srcElement 用法笔记e.target

    event.srcElement 可以捕获当前事件作用的对象,如event.srcElement.tagName可以捕获活动标记名称. 注意获取的标记都以大写表示,如"TD",&q ...

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

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

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

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

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

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

  6. Javascript中event.srcElement和event.target的区别

    event.srcElement 可以捕获当前事件作用的对象,如event.srcElement.tagName可以捕获活动标记名称.注意获取的标记都以大写表示,如"TD",&qu ...

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

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

  8. e.target和e.event和event.srcElement

    e.target 是目标对象,e.event是目标所发生的事件,event.srcElement捕获当前事件作用的对象 1. $(function(){ $("li:has(ul)" ...

  9. JS基础篇--JS的event.srcElement与event.target（触发事件对象）

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

随机推荐

  1. centos 使用 CP 命令 不提示 覆盖

    今天 在我的VPS上拷一个目录,但放的地方有一个同名目录并且里面还有文件.如是直接拷过去,结果有N个要确认替换的提示,直接CTRL+C,在网上搜了把,发现有几个方法能够解决,方法例如以下: 一般我们使 ...

  2. 「零秒思考」是个神话，不过这款笔记术你值得拥有zz

    今天读完了赤羽雄二的<零秒思考>,作者是一位在麦肯锡公司工作了 14 年的资深顾问.依照作者的说法,「零秒思考」指的是: 瞬间便能认清现状, 瞬间便能整理问题, 瞬间便能考虑出解决办法, ...

  3. Swift中的switch 和 do while

    switch后面的()能够省略 OC中的switch假设没有break就会穿透(依次运行),在Swift中不会穿透(可理解默认就有break) OC中入股要在case中定义变量,必要要加上{}确定作用 ...

  4. Django-models-m2m

    在Django的orm中,如果有多对多的字段,那么他的第三张表时自己生成的,参考官方文档发现第三张表可以自己写↓: 而且第三张表好像是可以自定制的 from django.db import mode ...

  5. ZOJ 3156 Taxi （二分匹配+二分查找）

    题目链接:Taxi Taxi Time Limit: 1 Second      Memory Limit: 32768 KB As we all know, it often rains sudde ...

  6. EasyDarwin开源流媒体server将select改为epoll的方法

    本文来自EasyDarwin团队Fantasy(fantasy(at)easydarwin.org) 一. EasyDarwin网络模型介绍 EventContext负责监听全部网络读写事件.Even ...

  7. NoSQL的四大类型

    1 键值数据库 相关产品:Redis.Riak.SimpleDB.Chordless.Scalaris.Memcached 应用:内容缓存 优点:扩展性好.灵活性好.大量写操作时性能高 缺点:无法存储 ...

  8. 安装DotNetCore.1.0.1-VS2015Tools.Preview2.0.3引发的血案

    1.下载了一个开源项目,是用netcore开发的 2.VS2015打不开解决方案 3.于是安装DotNetCore.1.0.1-VS2015Tools.Preview2.0.3 4.安装成功,项目顺利 ...

  9. 九度OJ 1126：打印极值点下标 （基础题）

    时间限制:1 秒 内存限制:32 兆 特殊判题:否 提交:4613 解决:1646 题目描述: 在一个整数数组上,对于下标为i的整数,如果它大于所有它相邻的整数, 或者小于所有它相邻的整数,则称为该整 ...

  10. Running several name-based web sites on a single IP address.

    VirtualHost Examples - Apache HTTP Server Version 2.2 http://httpd.apache.org/docs/2.2/vhosts/exampl ...