常見事件物件屬性和方法
阿新 • • 發佈：2022-04-18
<body> <div>123</div> <ul> <li>abc</li> <li>abc</li> <li>abc</li> </ul> </body> <script> // 常見事件物件的屬性和方法 // 1.e.target 返回的是觸發事件的物件(元素) this返回的是繫結事件的物件(元素) var div = document.querySelector("div"); div.addEventListener("click", function (e) { console.log(e.target); console.log(this); }); var ul = document.querySelector("ul"); ul.addEventListener("click", function (e) { // 我們給ul綁定了事件 那麼this 就指向ul console.log(this); // e.target 指向我們點選的那個物件 console.log(e.target); });// 瞭解相容性 // div.onclick = function (e) { // e = e || window.event; // var target = e.target || e.srcElement; // console.log(target); // }; // 2.瞭解this有個非常相似的屬性 currentTarget ie678不認識 </script>