介绍 & lt; ! DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
,,,& lt; meta charset=癠TF-8"比;
,,,& lt; meta http-equiv=癤-UA-Compatible",内容=癐E=edge"比;
,,,& lt; meta name=皏iewport",内容=翱矶?设备宽度,初始=1.0,比;
,,,& lt; title> Document
& lt;/head>
& lt; body>
,,,& lt; ul 类=發ist"比;
,,,,,,,& lt; li 类=癷tm"祝辞item1
,,,,,,,& lt; li 类=癷tm"祝辞item2
,,,,,,,& lt; li 类=癷tm"祝辞item3
,,,,,,,& lt; li 类=癷tm"祝辞item4
,,,,,,,& lt; li 类=癷tm"祝辞item5
,,,& lt;/ul>
,,,& lt; script>
,,,,,,,const 李=document.querySelector (“ul 李:nth-of-type (4)“);
,,,,,,,console.log(李);
,,,,,,,li.addEventListener (“click",函数(e) {
,,,,,,,,,,,console.log (e。target);
,,,,,,,,,,,console.log(这个);
,,,,,,,});
,,,& lt;/script>
& lt;/body>
& lt;/html> & lt; ! DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
,,,& lt; meta charset=癠TF-8"比;
,,,& lt; meta http-equiv=癤-UA-Compatible",内容=癐E=edge"比;
,,,& lt; meta name=皏iewport",内容=翱矶?设备宽度,初始=1.0,比;
,,,& lt; title> Document
& lt;/head>
& lt; body>
,,,& lt; ul 类=發ist"比;
,,,,,,,& lt; li 类=癷tm"祝辞item1
,,,,,,,& lt; li 类=癷tm"祝辞item2
,,,,,,,& lt; li 类=癷tm"祝辞item3
,,,,,,,& lt; li 类=癷tm"祝辞item4
,,,,,,,& lt; li 类=癷tm"祝辞item5
,,,& lt;/ul>
,,,& lt; script>
,,,,,,,const ul=document.querySelector (“ul");
,,,,,,,console.log (ul);
,,,,,,,ul.addEventListener (“click",函数(e) {
,,,,,,,,,,,console.log (e。target);
,,,,,,,,,,,console.log(这个);
,,,,,,,});
,,,& lt;/script>
& lt;/body>
& lt;/html> <李>
这篇文章主要介绍了Javascript中事件对象的目标和这的区别有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
<强> 1。当触发对象与绑定对象一致时
点击<代码> item4 这个<代码> 后,两者返回如下:
<强> 2。当触发对象与绑定对象不一致时
点击<代码> item4 这个<代码> 后,输出如下:
<强> 3。总结:
<代码> 目标返回的是事件触发对象
<李> <代码> 返回的是事件绑定对象
感谢你能够认真阅读完这篇文章,希望小编分享的“Javascript中事件对象的目标和这的区别有哪些”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!
