JS鼠标移入移出事件的区别所在

 

强烈建议使用DW软件 复制粘贴后 打开网页后摁一下F12 点到控制台 自行操作

JS鼠标移入移出事件的区别所在_第1张图片

   

   

   

    12_ys_1_鼠标事件

   

 

   

        

            span.

       

   

 

1.onmouseover鼠标移出事件 会触发事件冒泡 会在每个子元素上都触发一次onmouseover 同理onmouseout鼠标移入事件 和onmouseover正好相反

 

2. onmouseleave不同的是他不会触发事件冒泡,只会在绑定的元素上执行一次,同理onmouseenter鼠标移入事件 和onmouseleave正好相反

 

3.onmousemove这个就有点恐怖了 只要你的鼠标移动到你绑定的元素上  你鼠标动一下他就触发一次

 

取自于老师的上课代码  源代码剪切

 

你可能感兴趣的:(JS鼠标移入移出事件的区别所在)