Mouseover和Mouseout之間觸發事件的順序

Question

假設我的鼠標移出elementA並將鼠標移到elementB上。

事件被解僱的順序是什麼？

Answer 1

mousemove，mouseleave，mouseout，mousemove X X，mouseenter，mouseover，mousemove更多一些等等

這是我最好的猜測......

但我稍有不妥。這應該爲你做：添加你需要的事件（這個例子使用jQuery，你也可以在普通的JavaScript中做到這一點，但我不想在這上面花費很多時間）。

好吧，這裏是代碼：

$(document).ready(function(e) { 
    $('.canary').on('mouseout mouseleave mouseenter mouseover', function(event){ 
     $('#test').text($('#test').text() + ', ' + event.type)  }); 
}); 

這是你的CSS：

.canary{ 
    width:200px; 
    height:100px; 
    background-color:#066 
    } 

你的HTML

<textarea name="test" id="test" cols="200" rows="10"></textarea> 
<div class='canary'></div> 
<br /><br /> 
<div class='canary'></div> 

這裏的a live demo