target,currentTarget,originalTarget,explicitOriginalTarget区别

console.log(e.target);
console.log(e.currentTarget);
console.log(e.originalTarget);
console.log(e.explicitOriginalTarget);

 

 

body上绑定的mousemove

target:当前事件发生的对象    span

currentTarget:事件冒泡到当前对象时,当前绑定的对象   document.body

originalTarget:相当于target span

explicitOriginalTarget:最原始的事件发生节点,有可能是文本节点

e.target 和 e.currentTarget区别 e.target 和 e.currentTarget区别 阅读详情

相关推荐

js(javascript)解除网页屏蔽右键(无法复制)的书签代码

javascript:(function() { function R(a){ona = "on"+a; if(window.addEventListener) window.addEventListener(a, function (e) { for(var n=e.originalTarget; n; n=n.parentNode) n[ona]=null; }, true); window[...

IT门外汉jackie的博客 5221

javascript事件对象 target,currentTarget,originalTarget,explicitOriginalTarget区别

 转自:http://shuaigg-babysky.iteye.com/blog/1561188   console.log(e.target);console.log(e.currentTarget);console.log(e.originalTarget);console.log(e.explicitOriginalTarget);     body上绑定的mousemo...

dllyj86的专栏 288

浅谈事件响应

每当猴子们问我JavaScript和DOM里啥东西最牛逼时,我都会一巴掌打回去:卧槽还用问么当然是事件响应了啊!没它你能有时间和我讨论这个?你早去工地搬砖去了好么!浏览器没有事件响应就没有行为交互,那简直就是一夜回到解放前的感觉啊。此外,以事件驱动使得功能解耦也是个相当高端大气的技巧了,嘛,以此为主的Node.js 现在可是风生水起的说。     那现在我们就再抠抠事件监听的相关基础,让大家在

zhxh0376的专栏 881

activeElement 和 event.explicitOriginalTarget currentTarget

 html>head>head>body>script type="text/javascript">function msg(e) // e  = event{var target; //initialisationvar browser=navigator.appNamevar b_version=navigator.appVersion

EQUALKONG的博客 1453

你若触发,我就处理——浅谈JavaScript的事件响应-转自茶几世界

每当猴子们问我JavaScript和DOM里啥东西最牛逼时,我都会一巴掌打回去:卧槽还用问么当然是事件响应了啊!没它你能有时间和我讨论这个?你早去工地搬砖去了好么!浏览器没有事件响应就没有行为交互,那简直就是一夜回到解放前的感觉啊。此外,以事件驱动使得功能解耦也是个相当高端大气的技巧了,嘛,以此为主的Node.js 现在可是风生水起的说。 那现在我们就再抠抠事件监听的相关基础,让大家在心情愉

前端学习历程 807

移动端双指缩放事件(原生),e.originalEvent.touches

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>双指缩放事件</title> </head> <body> <div class=

唐策的博客 1万+

深入理解JavaScript系列(37):设计模式之享元模式

介绍 享元模式(Flyweight),运行共享技术有效地支持大量细粒度的对象,避免大量拥有相同内容的小类的开销(如耗费内存),使大家共享一个类(元类)。 享元模式可以避免大量非常相似类的开销,在程序设计中,有时需要生产大量细粒度的类实例来表示数据,如果能发现这些实例除了几个参数以外,开销基本相同的 话,就可以大幅度较少需要实例化的类的数量。如果能把那些参数移动到类实例的外面,在方法调用的时候将...

weixin_34324081的博客 159

JavaScript_个人笔记5_JavaScript_event相关的重要参数

JavaScript Event

rainychan2009的专栏 444

javascript target属性

srcElement是IE下的属性 target是Firefox下的属性 Chrome浏览器同时有这两个属性 function whichElement(e) { var targ if (!e) var e = window.event if (e.target) targ = e.target else if (e.srcElement) targ = e.srcElement if (t

angleretar的专栏 1608

CompositionTarget

用于 Silverlight 的 .NET Framework 类库 CompositionTarget 类 表示基于 Silverlight 的应用程序的显示图面。 命名空间: System.Windows.Media程序集: System.Windows(在 System.Windows.dll 中) C# public static class ...

weixin_30721899的博客 255

事件对象和target事件属性

事件对象什么是事件对象呢?当我们触发一个事件时,便会产生一个事件对象,这个对象中包含着这个事件的相关信息,包括导致事件的元素、事件的类型、以及其它与特定事件相关的信息等。这个对象是在执行事件时,浏览器通过函数传递过来的。input.onclick = function (evt) { //接受 event 对象,名称不一定非要 event     alert(evt); //MouseEvent,...

benben0729的专栏 1859

DataRow对象的RowState和DataRowVersion属性特点

DataRow对象有两个比较重要的属性,分别是行状态(RowState)和行版本(DataRowVersion),通过这两个属性能够有效的管理表中的行。下面简要的介绍一下行状态和行版本的特点和关系。ü         行状态(RowState):l         UnChanged状态:指表中的行自创建之后没有做过任何改动的状态,或则是行在上次接受修改之后,至今未做过任何改动的状态。l

haqer0825的专栏 5815

React路由初始

本文系统介绍了单页面应用(SPA)的核心概念与React路由实现机制。SPA通过单一页面实现局部刷新,依赖Ajax异步获取数据。重点阐述了前端路由原理,对比后端路由,说明react-router-dom如何通过BrowserRouter/HashRouter实现路径映射与组件渲染。详细讲解了Link、Route、NavLink、Switch、Redirect等核心组件的使用,涵盖路由传参(params、search、state)、模糊/严格匹配、嵌套路由及路由跳转模式(push/replace)

var_let_const的博客 44

【学习】框架设计(DSL + 领域模型)(1)基于vue3完成领域模型架构建设

在做后台开发时,我们大部分时间其实都在做同一件事:对接产品、后端、UI、测试,然后写着高度相似的 CRUD 页面。一个后台管理系统里通常有多个模块,但每个模块的页面结构都差不多——搜索框、表格、表单、弹窗,区别只是字段不同、接口不同。开发者每天都在用现成的组件库,一遍又一遍地实现这些重复的内容。回顾前两个里程碑:前端工程化解决了项目构建、代码规范、性能优化的问题;elpis-core 通过 loader 机制,把后端接口开发沉淀成了"约定目录 + 自动加载"的规范流程。那么问题来了——

xing476255461的博客 342

Nodejs部署项目踩坑: PM2 显示 online,服务却一直无法真正启动

使用Bun+PM2部署Elysia后端到移动云ECS时遇到的“假online”问题:PM2显示进程正常,但服务端口无法访问。问题根源是云主机的“半残双栈IPv6”——有IPv6地址但公网IPv6不通,导致Bun等运行时优先尝试IPv6连接时卡在SYN-SENT状态,阻塞了服务启动。解决方案是彻底关闭IPv6或确保公网IPv6真正可用,并提供了自检命令和配置方法。核心警示:进程存活不等于服务就绪,坏的双栈比纯IPv4更麻烦。

梅山老妖的博客 264

企业微信客服场景告别手动切号:Spring Boot + Vue 把多账号会话聚合到一个窗口

企业微信客服工作台如何把多号会话、回调落库和 WebSocket 实时推送聚到一个独立窗口?本文基于 Spring Boot + Vue 的现网实现,拆解单例窗口、在线打网关/离线读库的会话列表、WebSocket 优先轮询兜底的实时通道,以及人工发送自动暂停 AI 的人机边界,并给出 Nginx 升级、离线兜底等落地清单。

WXID_Mrzhu0107的博客 192
上一篇: Chrome和Firefox的xpi与crx加载第三方dll
下一篇: firefox XPCOM Interface Reference
java_mail_test
博客等级 码龄17年 1粉丝 299原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值