event.srcElement(获取页面操作的事件对象)

最新推荐文章于 2019-02-18 18:12:03 发布
原创 最新推荐文章于 2019-02-18 18:12:03 发布 · 1.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#null #function

本文介绍了一种使用JavaScript实现的网页元素点击高亮显示的方法。通过监听文档点击事件，可以为被点击的A标签或FONT标签添加背景色，同时移除前一次点击元素的背景色，以此达到简单的交互效果。
 var curObj= null;
 function document_onclick() {
   if(window.event.srcElement.tagName=='A'||window.event.srcElement.tagName=='FONT'){
    if(curObj!=null)
     curObj.style.background='';
    curObj=window.event.srcElement;
    curObj.style.background='#ffdead';
      }
 } 
JavaScript技巧：使用event.target和event.srcElement来获取事件目标
TechNovaX的博客
09-23 676
在处理这些事件时，有时我们需要获取事件的目标元素，也就是触发该事件的元素。需要注意的是，event.srcElement只在一些较旧的IE浏览器版本中支持，而在现代的浏览器中，我们应该优先使用event.target来获取事件目标，以保证代码的兼容性。在上面的代码中，我们使用addEventListener方法来监听一个点击事件，并在控制台输出事件的目标元素。在上面的代码中，我们通过直接给document对象的onclick属性赋值的方式来监听点击事件，并输出事件的目标元素。
event和srcElement说明,方法,技巧
03-21
`event.srcElement`是`event`对象的一个属性，用于获取触发事件的DOM元素。这个属性在Internet Explorer（IE）浏览器中被广泛支持，但在非IE浏览器中，如Firefox、Chrome等，则使用`event.target`属性来达到相同的...
window.event.srcElement 得到事件源对象
12-10
一个好处就是 我想让body(或其他元素内)的某些对象响应事件 就不用挨个儿去写 只要在外层上写一个 然后检查event.srcElement.tagName或其他属性是不是你想要的来决定是否响应事件就可以了.不过好像event.srcElement在ff里不起作用 比如 span div event对象指当前触发的事件对象, window.event.srcElement是指触发事件的对象。比如你设定[removed] = myfunc;这时所有页面点击的事件都交给myfunc处理，在myfunc函数里可以写vSrc = window.event.srcElement，知道
window.event.srcElement ---得到事件源对象
weixin_30779691的博客
03-31 180
Code<html><body><p>一个好处就是我想让body(或其他元素内)的某些对象响应事件就不用挨个儿去写只要在外层上写一个然后检查event.srcElement.tagName或其他属性是不是你想要的来决定是否响应事件就可以了.不过好像event.srcElement在ff里不起作用</p><p>比如<...
JS学习笔记1
ykdsg的专栏
04-26 673
event.srcElement从字面上可以看出来有以下关键字：事件,源    他的意思就是：当前事件的源，我们可以调用他的各种属性 就像:document.getElementById("")这样的功能，经常有人问 firefox 下的 event.srcElement 怎么用，在此详细说明：IE下,event对象有srcElement属性,但是没有target属性;Firefox下,event
event.srcElement event.target 获取触发当前事件的源对象
08-13 444
event.srcElement.idevent.srcElement.tagNameevent.srcElement.type 获取typeevent.srcElement.value 获取valueevent.srcElement.name 获取nameevent.srcEl...
event.srcElement.tagName
qq_37567381的博客
09-13 481
function fun(){ var v = event.srcElement.tagName; if(v!= 'INPUT'){ if((window.parent.location).toString().indexOf("screen_demoX.jsp")>0){ window.parent.location=...
js事件源window.event.srcElement兼容性写法(详解)
10-21
在IE浏览器中，可以直接通过window.event.srcElement获取到事件源，这个属性返回一个元素对象，通过它可以获取到事件发生时所作用的那个DOM元素。例如，当页面中的某个元素被点击时，可以在绑定的事件处理函数中通过...
事件元素JS的event对象--知识点总结
weixin_34416754的博客
05-18 142
时间紧张，先记一笔，后续优化与完善。     Event描述：event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。      需要注意的是：event对象只在事件产生的过程中才有效。     event的某些属性只对特定的事件有意义。     比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout...
Event.srcElement 中属性介绍
yenching的专栏
08-06 6724
<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和event.target的兼容性问题
weixin_33929309的博客
11-25 1121
在IE下，event对象有srcElement属性，但是没有target属性；Firefox下，even对象有target属性，但是没有srcElement属性.。 解决方法：使用obj(obj = event.srcElement ? event.srcElement : event.target;)来代替IE下的event.srcElement或者Firefox下的event.tar...
JS快速获取图片宽高的方法
热门推荐
Jensen Wu UED
03-18 4万+
快速获取图片的宽高其实是为了预先做好排版样式布局做准备，通过快速获取图片宽高的方法比onload方法要节省很多时间，甚至一分钟以上都有可能，并且这种方法适用主流浏览器包括IE低版本浏览器。 我们一步一步进入这个过程。 一、简陋的获取图片方式 1 2 3 4 5 6 7 8 9 10 11
event.srcElement获得引发事件的控件（表单）
Fanbin168的专栏
07-25 2539
function getInput() { var inputs = document.getElementsByTagName("input"); //取得所有的input表单 for (var i = 0; i < inputs.length; i++) { //遍历所有的input表单 var inputNam
window.event对象详细介绍
woxingwosu13的专栏
05-14 7666
body{line-height:1.5;}1、event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 2、属性：
为elment-ui的el-select选择器添加onblur失焦事件产生的问题
mango的博客
02-18 2万+
&lt;div class="oneline"&gt; &lt;span &gt;用户编号：&lt;/span&gt; &lt;div class="block left"&gt; &lt;el-select
JS 获取触发事件的对象
dianboliao0344的博客
01-20 440
event.srcElement：引发事件的目标对象，常用于onclick事件。 event.fromElement：引发事件的对象源，常用于onmouseout和onmouseover事件。 event.toElement：引发事件后，鼠标移动到的目标源，常用于onmouseout和onmouseover事件。 onmouseover时，srcElement相当于toEle...
深入理解window.event对象的用法和特性
`window.event`对象包含了多个属性和方法，可以帮助开发者获取事件的详细信息以及改变事件的默认行为。例如： - `window.event.type`：获取触发事件的类型（如"click"、"keydown"等）。 - `window.event.target`：...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

rjzou2006

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值