事件对象

只要在事件里面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>