IE下获取触发事件的目标

最新推荐文章于 2022-05-22 19:29:34 发布
最新推荐文章于 2022-05-22 19:29:34 发布
阅读量584 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/acs1899/article/details/8265589
版权

event.srcElement：引发事件的目标对象，常用于onclick事件。

event.fromElement：引发事件的对象源，常用于onmouseout和onmouseover事件。

event.toElement：引发事件后，鼠标移动到的目标源，常用于onmouseout和onmouseover事件。

onmouseover时，srcElement相当于toElement；

onmouseout时，srcElement相当于fromSrcElement

PS：当触发事件的目标元素为a标签时，srcElement获取的是a标签的href值。这时若要获取a标签，就需要使用toElement和fromElement

acs1899
关注
专栏目录
JS触发事件的元素——target
z2431435的博客
09-23 1124
target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素，获取当前操作的事件源。
VUE中内联代码获取事件对象中的事件触发元素$event.target
m0_48122750的博客
12-07 1389
今天在看<<Vue.js快跑>>这本书时,当中关于获取事件对象$event提到可以在内联代码中实现,作为新手不太理解,内联代码用的也比较少,一般通过绑定方法,在methods的方法中去获取比较多.请教了一下别人之后恍然大悟.记录下来也是一种学习. 当方法中代码只有一行的时候,可以采用内联代码的形式,直接写在html里面. ![这是书中原话,圈起来的地方不太理解](https://img-blog.csdnimg.cn/20201207204051312.jpg?x-..
js获取事件的目标对象 兼容ie ff
yangchunhe09的专栏
06-30 221
var eve = window.event || e; var target = eve.srcElement ? eve.srcElement : eve.target;
阻止事件默认行为的执行和获得触发事件的目标元素【转】
{玖}单纯着，幸福着，思考着
01-24 182
我们需要了解浏览器中关于事件对象有两个很重要的功能。阻止浏览器执行事件默认行为的ev.preventDefault()，和可以获得事件目标元素的ev.target. 比如说一个链接被点击了，但因为业务需要，我们并不想让浏览器打开新页面。这时候可以给这个链接加个点击事件监听，然后在回调函数中调用 preventDefault()方法即可。昂，就如下面这个例子，请看HTML： &lt;a cla...
JS 获取触发事件的对象(IE/FireFox)
ICode联盟
09-25 2798
event.srcElement：引发事件的目标对象，常用于onclick事件。 event.fromElement：引发事件的对象源，常用于onmouseout和onmouseover事件。 event.toElement：引发事件后，鼠标移动到的目标源，常用于onmouseout和onmouseover事件。 onmouseover时，srcElement相当于toEleme
js获取事件源及触发该事件的对象
10-26
1. 在标准浏览器（如Chrome、Firefox）中，可以通过`event.target`属性来获取触发事件的元素。这个属性返回的是事件的实际目标节点，即事件的源头。 2. 在Internet Explorer浏览器（尤其是旧版本）中，使用的是`...
javascript/jquery实现点击触发事件的方法分析
10-16
这是最基础的点击事件处理方式，通过在HTML元素上直接设置`onclick`属性或者在JavaScript中获取元素并为其添加事件监听器。示例代码中使用了函数封装，确保在DOM加载完成后执行： ```javascript var demo = ...
ie与ff下的event事件使用介绍
09-04
这两个属性都可以用来获取触发当前事件的元素。为了确保代码在所有浏览器中都能正常工作，我们需要进行兼容性检查。例如： ```javascript var obj = event.srcElement ? event.srcElement : event.target; ``` 这...
ie与ff下的event事件
09-05
例如，可以通过`event.srcElement`来获取触发事件的元素。而在Firefox中，对应的属性是`event.target`。因此，为了实现跨浏览器的事件处理，我们需要在代码中进行兼容性的处理，如以下示例所示： ```javascript ...
js中获取事件对象的方法小结
12-01
在JavaScript中，事件对象是用来处理用户与网页交互的接口，它包含了有关触发事件的各种信息，如事件类型、事件目标等。在不同的浏览器环境下，获取事件对象的方法略有不同，本篇文章将对JavaScript中获取事件对象的...
js第8章事件案例：获取触发事件的元素，阻止事件冒泡和默认行为的实现、缓动的小球、图片放大特效、按Enter键切换
WHT869706733的博客
12-06 3937
1.获取触发事件的元素，阻止事件冒泡和默认行为的实现。 （1）获取触发事件的元素 <button id="btn" class="btnClass">获取event对象</button> <script> var btn = document.getElementById('btn'); btn.onclick = function(e) { var obj = event.target || window.event.srcElement; //
JavaScript获取事件制作作用的目标对象
zhuhai__yizhi的专栏
05-20 1567
// div有自己的子级元素 // 点击它的子级元素，也会间接点击div // 但是是它的子级元素先获得的事件 // event.target 获取直接捕捉事件的目标对象 // event.srcElement IE捕捉目标对象属性 var dv = document.getElementsByTagName("div")[0]; dv.oncli
如何获取事件触发源（兼容IE和FireFox）
canduecho的专栏
11-04 742
如何获取事件触发源（兼容IE和FireFox）http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">   如何获取事件触发源（兼容IE和FireFox）          function ClickMe(e){ var src = e.target || window.ev
IE 获取 事件对象 如果要兼容到ie8
业余前端的职业经历
12-16 547
做了一个 捕获鼠标位置的demo例子，要兼容ie， 同时还不能使用 addEventListener 这个ie也不支持 其实 吧 ie9 以上的 和 标准的对象是一样的 都是 传入事件函数的 第一个参数 e作为事件对象 window.event ie8 的事件对象 是这个东西 和我们标准的 直接 传入e 的那个还不太一样 document.onmousemove = function(e){ var x, y; if(window.event) { x = windo...
js面试题
weixin_44839703的博客
04-14 1424
JS基础 前言：写的很乱，如有需要请查看原文档http://note.youdao.com/noteshare?id=5e8de8f8476b866b7d3cebc873f6ac73&sub=F6D6F3F236FE4743A4997F710C745EE0****转载请说明出处 1、javascript的typeof返回哪些数据类型 string number array object f...
18获得触发事件元素节点的方法
qq_47670443的博客
05-22 790
js获取触发事件的元素
Martin 的博客
06-22 7030
//获取事件 var e = window.event; //获取元素 obj = e.target || e.srcElement; console.log(e); checkRepeat(e.target.innerText); //获取触发事件的元素的文本
获取触发事件的元素的ID
p15097962069的博客
12-15 2258
有什么方法可以获取触发事件的元素的ID？ 我在想类似的东西： <html> <head> <script type="text/javascrip
window.event.srcElement与window.event.target 触发事件的元素 触发事件对象的获取(非常重要)
hutao1101175783的专栏
08-19 3847
判断事件触发的元素:var tag = window.event.target || window.event.srcElement; if (tag.tagName.toLowerCase() == "input") { return; }window.event.srcElement与window.event.target 都是指向触发事件的...
JavaScript事件处理详解：DOM与IE事件模型
1. **捕获阶段**：事件从根节点开始向下传递，直到目标节点。 2. **冒泡阶段**：事件从目标节点开始向上冒泡，直到根节点。 了解这两个阶段对于优化事件处理和避免事件重复触发至关重要。 四、事件处理函数 事件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值