window.event.srcElement (转)

最新推荐文章于 2017-09-15 12:16:01 发布
转载 最新推荐文章于 2017-09-15 12:16:01 发布 · 109 阅读 · 0
文章标签：

#javascript #ViewUI

本文介绍 HTML 中 event.srcElement 的用途及实现方式，该属性可用于获取触发事件的 HTML 元素对象引用，便于进一步操作该元素。通过示例代码展示了如何在 JavaScript 事件处理器中使用此属性来改变元素样式。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

Html代码 复制代码  收藏代码
  1. <HTML>      
  2.   <HEAD>      
  3.   <TITLE>srcElement   Property</TITLE>      
  4.   <STYLE   TYPE="text/css">      
  5.   .bold   {font-weight:bold}      
  6.   .ital   {font-style:italic}      
  7.   </STYLE>      
  8.   <SCRIPT   LANGUAGE="JavaScript">      
  9.   function   highlight()   {      
  10.   var   elem   =   event.srcElement      
  11.   if   (elem.className   ==   "bold")   {      
  12.   document.styleSheets[0].rules[0].style.color   =   "red"      
  13.   }   else   {      
  14.   elem.style.color   =   "#FFCC00"      
  15.   }      
  16.   }      
  17.   function   restore()   {      
  18.   var   elem   =   event.srcElement      
  19.   if   (elem.className   ==   "bold")   {      
  20.   document.styleSheets[0].rules[0].style.color   =   ""      
  21.   }   else   {      
  22.   elem.style.color   =   ""      
  23.   }      
  24.   }      
  25.   </SCRIPT>      
  26.   </HEAD>      
  27.   <BODY   onMouseDown="highlight()"   onMouseUp="restore()">      
  28.   <H1>srcElement   Property</H1>      
  29.   <HR>      
  30.   <P>One   event   handler...</P>      
  31.   <UL>      
  32.   <LI>Can      
  33.   <LI>Cover      
  34.   <LI>Many      
  35.   <LI>Objects      
  36.   </UL>      
  37.   <P>      
  38.   Lorem   ipsum   dolor   sit   amet,   consectetaur   adipisicing   elit,        
  39.   <SPAN   CLASS="bold">sed   do   </SPAN>eiusmod   tempor   incididunt        
  40.   <SPAN   CLASS="ital">ut   labore   et   </SPAN>dolore   magna   aliqua.        
  41.   Ut   enim   adminim   veniam,   <SPAN   CLASS="bold">quis   nostrud        
  42.   exercitation   </SPAN>ullamco   laboris   nisi   ut   aliquip   ex   ea        
  43.   <SPAN   CLASS="bold">commodo   consequat</SPAN>.      
  44.   </P>      
  45.   </BODY>      
  46.   </HTML>   
替代window.event.srcElement效果的可兼容性的函数
05-04
getEvent()方法可模拟window.event效果
js事件源window.event.srcElement兼容性写法(详解)
10-21
例如，当你想要页面中所有输入框对点击事件做出响应时，不需要为每个输入框单独绑定事件，而是可以直接在body上绑定，然后在事件处理函数中通过event.srcElement.tagName来判断用户点击的是否是你想要的元素。...
window.event.srcElement
海风轻轻吹
04-02 307
srcElement event.srcElement指向触发事件的node元素 用于确定事件源 [color=red]是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理,所以由一个属性指向产生初始事件的元素是很有帮助的.有了元素的引用,就可以读/写改元素的属性,并调用他的任何方法. [/color] [code="html"] ...
关于window.event.srcElement (触发事件的对象)
热门推荐
人生若只如初见.......
11-22 1万+
<br /><br />window.event.srcElement   是指触发事件的对象<br /><br /> <br /><script LANGUAGE="Javascript"><br /><!--<br />function mm()<br />{<br />var str = "";<br />for (mm in window.event.srcElement)<br />str += mm+"="+ window.event.srcElement[mm] +"/n"; //
window.event.srcElement ---得到事件源对象
weixin_30779691的博客
03-31 176
Code<html><body><p>一个好处就是我想让body(或其他元素内)的某些对象响应事件就不用挨个儿去写只要在外层上写一个然后检查event.srcElement.tagName或其他属性是不是你想要的来决定是否响应事件就可以了.不过好像event.srcElement在ff里不起作用</p><p>比如<...
event.srcElement 说明 方法 技巧
weixin_30590285的博客
08-03 137
得到或设置触发事件的对象。 event.srcElement就是指向触发事件的元素，他是什么就有什么的属性 srcElement 是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理,所以由一个属性指向产生初始事件的元素是很有帮助的.有了元素的引用,就可以读/写改元素的属性,并调用他的任何方法. 用法： event.srcEl...
window.event.srcElement 得到事件源对象
12-10
只要在外层上写一个 然后检查event.srcElement.tagName或其他属性是不是你想要的来决定是否响应事件就可以了.不过好像event.srcElement在ff里不起作用 比如 span div event对象指当前触发的事件对象, window.event...
JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
10-24
但当需要在不支持标准事件对象传递的浏览器中处理事件时，比如IE浏览器，可以使用`window.event.srcElement`来获取触发事件的元素，例如`alert(window.event.srcElement.value);`。 为了处理跨浏览器的兼容性问题，...
【转】event对象、srcElement、offsetX 在 firefox中的解决方案
铁血蓝狮
07-16 190
问题一：在IE中event作为window对象的一个属性可以直接使用，但是在Firefox中却使用了W3C的模型，它是通过传参的方法来传播事件的，也就是说你需要为你的函数提供一个事件响应的接口，也就是在执行引用了event这个属性的方法时候，这个方法要传一个参数进去。 解决方案： 第一种 显式传输event对象。 第二种 使用自定义的函数生成对象。 function getEvent() ...
event.srcElement在火狐下不兼容处理办法。
孟令杰
06-20 390
第一个问题：event.srcElement在火狐下不兼容处理办法 报错代码如下： &lt;input onMouseOver="msover(event)"; onMouseOut="msout(event)"; type="submit" name="Frist2" value="新 增" onClick="location.href='add'"&gt;
event.srcElement
weixin_33712987的博客
11-30 87
event.srcElement <htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title>UntitledPage</title></head><body><formid="form1"runat="serv...
javascript event.srcElement 兼容问题
神秘的小岛岛
09-15 1864
问题描述:event = event? event: window.event var n = event.srcElement.id? event.srcElement.id:event.target.id;  第二句话firefox报错 event.srcElement未定义，怎么解决？ IE没问题  解决方法:   因为ff下本身不支持 srcElement 而是支持 target ,这里这
event.srcElement　说明　方法　技巧
weinideai的专栏
01-03 1641
event.srcElement从字面上可以看出来有以下关键字：事件,源    意思为：当前事件的源，我们可以调用他的各种属性 就像:document.getElementById("")这样的功能，经常有人问 firefox 下的 event.srcElement 怎么用，在此详细说明：IE下,event对象有srcElement属性,但是没有target属性;Firefox下,ev
JS获取事件的源对象
weixin_33725270的博客
01-09 316
event.srcElement event.srcElement.id ================================================================================ 在IE下，event对象有srcElement属性，但是没有target属性；Firefox下，even对象...
深入理解window.event对象的用法和特性
- `window.event.srcElement`：此属性与`target`类似，但在旧版IE浏览器中使用。 - `window.event.pageX`和`window.event.pageY`：获取鼠标相对于文档开始位置的坐标。 - `window.event.keyCode`：在键盘事件中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值