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

最新推荐文章于 2018-08-19 18:56:49 发布
最新推荐文章于 2018-08-19 18:56:49 发布
阅读量196 收藏 1
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/goodsunny/archive/2012/08/13/2635844.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 style="border:10px red solid"> <input type="button" value="父元素标签"

οnclick="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 οnclick="a()">

点鼠标测试<br>

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

<div>测试div: </div>

<p>测试p: </p>

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

<span>

<a href="/" οnmοuseοver="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='http://blog.163.com/zhj_mouse/blog/index.asp'+event.srcElement.title

}

</script>

<input type=button value=GO title="?page=1" οnclick=f()>

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

<br>

<table border=1 width="200">

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

</table>

<table border=1 width="200">

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

</table>

<select name="selectname" οnchange="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

转载于:https://www.cnblogs.com/goodsunny/archive/2012/08/13/2635844.html

weixin_30467087
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js事件源window.event.srcElement兼容性写法(详解)
10-21
下面小编就为大家带来一篇js事件源window.event.srcElement兼容性写法(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
window.event.srcElement 得到事件源对象
12-10
event对象指当前触发的事件对象, window.event.srcElement是指触发事件的对象。比如你设定[removed] = myfunc;这时所有页面点击的事件都交给myfunc处理，在myfunc函数里可以写vSrc = window.event.srcElement，知道
window.event.srcElement与window.event.target 触发事件的元素 触发事件对象的获取(非常重要)
hutao1101175783的专栏
08-19 3825
判断事件触发的元素:var tag = window.event.target || window.event.srcElement; if (tag.tagName.toLowerCase() == "input") { return; }window.event.srcElement与window.event.target 都是指向触发事件的...
event.srcElement与event.target的区别
iBenxiaohai123的博客
07-28 679
window.event.srcElement与window.event.target 都是指向触发事件的元素，它是什么就有什么样的属性 srcElement是事件初始化目标html元素对象引用，因为事件通过元素层次冒泡，可以在任意一层进行处理， 有了元素的引用，就可以读写改元素的属性。   IE浏览器支持window.event.srcElement ， 而firefox支持window
详尽解析window.event对象
Simplicity is more complicated than you think
07-22 607
详尽解析window.event对象关键词： 详尽解析window.even                                           描述 event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如，fromElement 和 to
js window.event对象详尽解析
10-30
JavaScript中的`window.event`对象是浏览器内置的一个全局变量，它提供了关于当前正在处理的事件的信息。这个对象在事件处理函数内部可用，包含了与事件相关的各种属性和方法，如按键状态、鼠标位置等。下面我们将...
event.srcElement获得引发事件的控件（表单）
六国破灭，非兵不利 ，战不善，弊在赂秦。赂秦而力亏，破灭之道也。或曰：六国互丧，率赂秦耶？曰：不赂者以赂者丧，盖失强援，不能独完。故曰：弊在赂秦也。 秦以攻取之外，小则获邑，大则得城。较秦之所得，与战胜而得者，其实百倍；诸侯之所亡，与战败而亡者，其实亦百
06-06 1140
[html] view plain copy&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;...
Js中的this和window.event.srcElement
lyg的专栏
08-25 3272
我们先看一个简单的例子： alert(this.value)"/>完全没有问题。   那么什么情况下不可以用？ fuction method() {    alert(this.value); } method()"/>这个就不可以，因为method()是被响应函
替代window.event.srcElement效果的可兼容性的函数
05-04
getEvent()方法可模拟window.event效果
Event.srcElement 中属性介绍
yenching的专栏
08-06 6627
<br />最近在看别人的代码遇到event.srcElement.parentElement.parentElement.nextSibling <br />有点蒙，我用的比较少，对他的理解不够，正好趁这个机会，了解学习下他，哈哈 <br />1.event.srcElement.parentNode.tagName; <br />得到上一个节点的标签名称 <br />eg: <br /><div style="border:10px red solid"> <br /><input type="butt
event.srcElement用法
源代码
12-25 1557
event.srcElement 设置或获取触发事件的对象。 引用对象，这个对象有什么属性，就可以使用。 例如：         <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript">     <script type="text/javascript">        function hh() {       
强悍的js（window.event.srcElement）--快捷键
海子技术专区
02-13 328
强悍的js（window.event.srcElement）--快捷键 已有 904 次阅读2009-4-23 14:58 |个人分类:js-ajax总结| event对象指当前触发的事件对象,   window.event.srcElement是指触发事件的对象。比如你设定document.onclick   =   myfunc;这时所有页面点击的事件都交给myfunc处理，...
JS获取事件的源对象
weixin_33725270的博客
01-09 267
event.srcElement event.srcElement.id ================================================================================ 在IE下，event对象有srcElement属性，但是没有target属性；Firefox下，even对象...
obj.onmousedown = function(event) { //点击的不是白盒子 // 兼容IE event = event || window.event; if ((event.target ? event.target : event.srcElement).className == 'i') { if ((event.target ? event.target : event.srcElement).style.backgroundColor = "#1AAB8A") { num1 = num1 + 200; } else if ((event.target ? event.target : event.srcElement).style.backgroundColor = "#E15650") { num2 = num2 + 300; } else if ((event.target ? event.target : event.srcElement).style.backgroundColor = "#121B39") { num3 = num3 + 400; } else if ((event.target ? event.target : event.srcElement).style.backgroundColor = "#80A84E") { num4 = num4 + 500; } //点击后的盒子颜色 (event.target ? event.target : event.srcElement).style.backgroundColor = "#bbb"; //清除盒子标记 (event.target ? event.target : event.srcElement).className = ''; //计分 //显示得分 num=num1+num2+num3+num4; count.innerHTML = '当前得分: ' + num; } 为什么错了
最新发布
05-24
这段代码可能出错的地方有： 1. 在 if 语句中，比较颜色值时应该使用双等号 `==`，而不是赋值符号 `=`。 2. 在比较颜色值时，应该使用 RGB 值而不是颜色名称。例如，应该使用 `rgb(26, 171, 138)` 而不是 `#1AAB8A`。 3. 在计算得分时，应该将四个得分相加，而不是分别累加到 num1、num2、num3 和 num4 中。 下面是修改后的代码： ``` obj.onmousedown = function(event) { //点击的不是白盒子 // 兼容IE event = event || window.event; if ((event.target ? event.target : event.srcElement).className == 'i') { if ((event.target ? event.target : event.srcElement).style.backgroundColor == "rgb(26, 171, 138)") { num1 = num1 + 200; } else if ((event.target ? event.target : event.srcElement).style.backgroundColor == "rgb(225, 86, 80)") { num2 = num2 + 300; } else if ((event.target ? event.target : event.srcElement).style.backgroundColor == "rgb(18, 27, 57)") { num3 = num3 + 400; } else if ((event.target ? event.target : event.srcElement).style.backgroundColor == "rgb(128, 168, 78)") { num4 = num4 + 500; } //点击后的盒子颜色 (event.target ? event.target : event.srcElement).style.backgroundColor = "#bbb"; //清除盒子标记 (event.target ? event.target : event.srcElement).className = ''; //计分 //显示得分 num = num1 + num2 + num3 + num4; count.innerHTML = '当前得分: ' + num; } } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值