mouseover事件與mouseenter事件的區(qū)別

發(fā)布時(shí)間：2017-05-19 10:51:34

發(fā)布者：jiangbing

瀏覽量:

很多同學(xué)搞不懂mouseover與mouseenter事件，先說一下他們之間的不同。

mouseover是不論鼠標(biāo)指針穿過被選元素或其子元素，都會(huì)觸發(fā) mouseover 事件。對應(yīng)mouseout；

而mouseenter只有在鼠標(biāo)指針穿過被選元素時(shí)，才會(huì)觸發(fā) mouseenter 事件。對應(yīng)mouseleave；

舉例說明一下：

  
  
  
  
x=0;  
y=0;  
$(document).ready(function(){  
  $("div.over").mouseover(function(){  
    $(".over span").text(x+=1);  
  });  
  $("div.enter").mouseenter(function(){  
    $(".enter span").text(y+=1);  
  });  
});  
  
  

  
不論鼠標(biāo)指針穿過被選元素或其子元素，都會(huì)觸發(fā) mouseover 事件。  
只有在鼠標(biāo)指針穿過被選元素時(shí)，才會(huì)觸發(fā) mouseenter 事件。  
  
被觸發(fā)的 Mouseover 事件：

被觸發(fā)的 Mouseenter 事件：

可以復(fù)制上述代碼自己試驗(yàn)理解一下，別忘了jquery換成自己的路徑。看完這篇文章相信同學(xué)們能理解這兩者的區(qū)別了。

上一篇： html中有多個(gè)video如何實(shí)現(xiàn)鼠標(biāo)劃過重新加載？

下一篇： js如何實(shí)現(xiàn)時(shí)間12小時(shí)制顯示

關(guān)鍵詞:

返回列表