事件对象e的e.target

文章目录

什么是事件对象
什么是e.target
- e.target和this的区别
一些常用的事件对象的属性和方法

什么是事件对象

事件对象是事件的一系列相关数据的集合，跟事件相关。eg: 鼠标点击里面就包含了鼠标的信息（属性和方法）、键盘按下就包含了键盘事件的信息；
事件对象是系统给我们自动创建的，不需要我们传递参数；
事件对象只有事件（onclick、click等）存在的时候才会存在；
事件对象只是一个形参，我们可以自己命名：event、e、ele等；

形象一点的话：

btn.onclick = function(e){  // 这里的e就是所谓的事件对象e.target}

什么是e.target

e.target返回的是触发事件的对象（元素）。那么它和 this 又有什么区别呢？

e.target和this的区别

属性	返回值
e.target	返回的是触发事件的对象（元素）
this	返回的是绑定/调用事件的对象（元素）

区分： 比如说一个ul里面有多个的li，点击事件通过 addEventListener 都绑定给ul，那么此时的 this 返回的是 ul ，此时的e.target 返回的就是被点击到的那一个 li。如图：

代码：

<body><ul><li>1</li><li>2</li><li>3</li></ul><script>var btn = document.querySelector('ul')btn.addEventListener('click', function(e) {console.log(e.target);console.log(this);})</script>
</body>

一些常用的事件对象的属性和方法

属性 / 方法	描述
e.target	返回的是触发事件的对象（元素）
e.type	返回被绑定了的鼠标行为，eg：移入移出、点击等
e.preventDefault()	阻止默认行为（并不仅仅限于浏览器的默认行为）
e.stopPropagation()	阻止事件冒泡

事件对象e的e.target相关推荐

Web基础——JavaScript之事件绑定与事件对象
目录 1.事件的绑定 2.事件的绑定(注意事项) 3.失去焦点和获得焦点 4.键盘事件 5.鼠标事件 6.表单事件 7.页面加载事件 8.下拉框事件 9.事件对象 10.currentTarget和t ...
小程序 | 小程序中常用的事件 + 事件对象的属性列表 +小程序事件传参 + 小程序全局配置 + 小程序页面配置 + 小程序发起网络数据请求
文章目录一.WXML 模板语法数据绑定事件绑定 ⭐小程序中常用的事件 ⭐事件对象的属性列表 target 和 currentTarget 的区别 bindtap 的语法格式在事件处理函数中为 ...
帆软报表（finereport）使用Event 事件对象 (target)修改提示框样式
target 事件属性 Event 对象定义和用法 target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素.文档或窗口. 语法 event.target 定义结束事件Jav ...
后处理程序文件大小的变量_【每日一题】(17题)面试官问：JS中事件流，事件处理程序，事件对象的理解？...
关注「松宝写代码」,精选好文,每日一题作者:saucxs | songEagle 2020,实「鼠」不易 2021,「牛」转乾坤风劲潮涌当扬帆,任重道远须奋蹄! 一.前言 2020.12.23 立 ...
javaScript中的事件对象event是怎样
事件对象event,每当一个事件被触发的时候,就会随之产恒一个事件对象event,该对象中主要包含了关于该事件的基本属性,事件类型type(click.dbclick等值).目标元素target(我的 ...
javascript 事件对象
btn.onclick = function (event) {// event 就是事件对象var e = event || window.event; // window.event是兼容低版本I ...
js进阶课程 12-9 jquery的事件对象event的方法有哪些？
js进阶课程 12-9 jquery的事件对象event的方法有哪些? 一.总结一句话总结:三组六个,阻止默认事件一组,阻止冒泡一组,阻止冒泡和剩余事件一组. 1.事件的默认动作指什么? 比如点a标 ...
从零开始学习jQuery (五) 事件与事件对象【转】
一.摘要事件是脚本编程的灵魂. 所以本章内容也是jQuery学习的重点. 本文将对jQuery中的事件处理以及事件对象进行详细的讲解. 二.前言本篇文章是至今为止本系列内容最多的一篇, 足以可见其 ...
JS的事件对象和事件冒泡
2019独角兽企业重金招聘Python工程师标准>>> 1.事件对象 js的事件对象中保存了当前被触发事件的一些相关的属性信息,如事件源.事件发生时的鼠标位置.事件按键等. 事件对象 ...

事件对象e的e.target

文章目录

什么是事件对象

什么是e.target

e.target和this的区别

一些常用的事件对象的属性和方法

事件对象e的e.target相关推荐

最新文章

热门文章