简单的说，e.currentTarge是指注册了事件监听器的对象，e.target是指对象里的子对象，实际触发这个事件的对象。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"><title>123</title><style>#outter {background: blue;width: 200px;height: 200px;}#inner {background: red;width: 100px;height: 100px;}</style></head><body><div id="outter"><p id=inner></p></div><script>function addEvent(obj, ev, handler){if(window.attachEvent){obj.attachEvent("on" + ev, handler);}else if(window.addEventListener){obj.addEventListener(ev, handler, false);}}function action(e) {console.log("e.target.tagName : " + e.target.tagName + "\n e.currentTarget.tagName : " + e.currentTarget.tagName);}addEvent(document.getElementById('outter'), "click", action);</script></body>
</html>

1、第一次点击inner

2、第二次点击outter

浅析js中e.target和e.currentTarget的区别相关推荐

css里面的let,js中let和var定义变量的区别
javascript 严格模式第一次接触let关键字,有一个要非常非常要注意的概念就是"javascript 严格模式",比如下述的代码运行就会报错: let hello = ' ...
java printf与println_浅析Java中print、printf、println的区别
我们的程序员在开发的时候,都会使用到很多不同的功能,但是有些功能是大同小异,别着急,下文是爱站技术频道小编为大家带来的浅析Java中print.printf.println的区别,希望对你学习有帮助! ...
js中的typeof 与typescript typeof的区别
js中的typeof 与typescript typeof的区别在 JavaScript 中,typeof 是一个运算符,用于返回一个值的数据类型.它可以返回下列字符串中的一个: "und ...
js中的target与currentTarget的区别转
关于js中target与currentTarget的区别的关键在于他们所处在的事件流的阶段是不一样的,target处于事件流的目标阶段,currentTarget处理事件流的捕获.处于目标阶段和冒泡阶 ...
python变量存储堆与栈内存内存_浅析JS中的堆内存与栈内存
最近跟着组里的大佬面试碰到这么一个问题, Q:说说var.let.const的区别 A:balabalabalabla... Q:const定义的值能改么? A:你逗我?不能吧不知道各位看官怎么想? ...
uniapp 获取到js文件var一个变量怎么获取到这个变量值_浅析Js中const,let,var的区别及作用域...
理解:let变量的作用域只能在当前函数中 js中const,let,var的区别及作用域_lianzhang861的博客-CSDN博客blog.csdn.net 全局作用域中,用 const 和 l ...
java js中 function函数报错_浅析JS中对函数function的理解(基础篇)
正文:我们知道,在js中,函数实际上是一个对象,每个函数都是Function类型的实例,并且都与其他引用类型一样具有属性和方法.因此,函数名实际上是指向函数对象的指针,不与某个函数绑定.在常见的两种定 ...
中getname_浅析JS中的class
前言在 ES6 规范中,引入了 class 的概念.使得 JS 开发者终于告别了,直接使用原型对象模仿面向对象中的类和类继承时代. 但是JS 中并没有一个真正的 class 原始类型, class ...
浅析Js中${}字符串拼接
字符串拼接 Es6中的${}新语法这是es6中新增的字符串方法配合反单引号完成拼接字符串的功能反单引号怎么打出来? 将输入法调整为英文输入法,单击键盘上数字键1左边的按键. 用法: step1: ...

浅析js中e.target和e.currentTarget的区别

简单的说，e.currentTarge是指注册了事件监听器的对象，e.target是指对象里的子对象，实际触发这个事件的对象。

浅析js中e.target和e.currentTarget的区别相关推荐

最新文章

热门文章