hover和mouseover，mouseout的區別

說道hover和mouseover，mouseout的區別，不得不聯系到mouseenter，mouseleave。

mouseover,mouseout是指鼠標指針在穿過/離開被選元素或其子元素時觸發。

mouseenter，mouseleave是指鼠標指針在穿過/離開被選元素時觸發。

舉個簡單例子:

 

<div class="wapper">
    <h1></h1>
    <p></p>
</div>
<div class="buttom"></div>

當鼠標移動到wapper上時類名為buttom的div變大，鼠標離開時恢復原樣。

我們使用mouseover,mouseout。當鼠標在<h1>和<p>標簽之間來回移動時類名為buttom的div會不斷變大，回復原樣。

而mouseenter，mouseleave就不會出現這種情況。

而hover的效果等同於mouseenter，mouseleave。