事件中currentTarget和target的区别
2017-12-27 16:31
309 查看
1、代码
<!DOCTYPE html> <html> <body> <div style="width: 30px;height: 30px;background-color: #0e91e1"></div> </body> <script> document.querySelector('body').onclick = function (e) { console.log("currentTarget:", e.currentTarget); console.log("target:", e.target); } </script> </html>
2、点击
1)、点击div时:
2)、点击body时(鼠标不在div范围内):
3、说明
可以看到currentTarget为绑定onclick的元素dom;target为鼠标点击的元素dom;
相关文章推荐
- JS事件:target与currentTarget区别
- JS事件:target与currentTarget区别
- JS事件:target与currentTarget区别
- 事件处理基础知识(二)事件里的currentTarget 和 target的区别?
- JS事件:target与currentTarget区别
- flex 事件中currentTarget和target区别
- 事件对象中target对象和currentTarget对象的区别
- JS事件:target与currentTarget区别
- 事件对象的target和currentTarget属性区别
- JS事件:target与currentTarget区别
- jS事件:target与currentTarget区别
- flex 事件的target和currentTarget的区别
- MouseEvent的click事件的currentTarget和target属性的区别
- 事件的target和currentTarget的区别
- dom 事件对象中target与currentTarget区别
- AS3中Event的target和currentTarget的区别(事件处理的三个阶段)
- js中的target与currentTarget的区别<转>
- iOS开发利用UIButton和UIImageView的区别分辨哪些控件有addTarget监听事件这个方法
- target和currentTarget的区别
- 小程序绑定事件传值是要使用currentTarget获取