只要在事件里面e,得到的就是事件物件
e.pageX 滑鼠相對于整張網頁的水平坐標
e.pageY 滑鼠相對于整張網頁的垂直坐標
e.clientX 滑鼠相對于瀏覽器的水平坐標
e.clientY 滑鼠相對于瀏覽器的垂直坐標
e.offsetX 滑鼠相對于事件源元素的水平坐標
e.offsetY 滑鼠相對于事件源元素的垂直坐標
注意: offsetY,offsetX : 如果①盒子里面還有②盒子,然后我們事件物件是①盒子, 我們的offsetY,offsetX 會針對①左上角為 0,0 也會針對②左上角為0,0
所以采用offsetY,offsetX 的時候,我們盡量不要在里面還有一個盒子
e.preventDefault( ) 方法
用來阻止默認事件
e.stopPropagation( ) 方法
用來阻止事件繼續傳播
e.deltaY
事件委托
利用事件冒泡機制,將后代元素事件委托給祖先元素
e.target --- 事件委托都需要用到這個
意思 : 觸發此事件的最早元素,即" 事件源元素 "
e.currentTarget 事件處理程式附加到元素
使用事件委托時,需要注意的事項
1.onmouseenter和onmouseover 都表示 " 滑鼠進入 " ,區別:
onmouseenter 不冒泡
onmouseover 冒泡 [ 簡單記憶: o 泡果奶 ]
2.最內層元素 不能再有額外的內層元素
<ul>
<li><span>aaa</span></li>
</ul>
本文來自博客園，作者：楊建鑫，轉載請注明原文鏈接：https://www.cnblogs.com/qd-lbxx/p/15792537.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/412947.html
標籤：其他
上一篇：DOM - 事件
下一篇：定時器