Порядок срабатывания событий между Mouseover и Mouseout

Question

Скажем, если моя мышь выйдет из элемента A и наведет элемент elementB.

Каким будет порядок увольнения событий?

Answer 1

mousemove, mouseleave, mouseout, mousemove х X, mouseenter, mouseover, mousemove еще немного и т.д ...

Это моя догадка ...

Но я был немного неправильно. Это должно сделать это за вас: добавьте нужные события (пример использует jQuery, вы можете сделать это и на простом JavaScript, но я не хотел тратить много времени на это).

Ok, вот код:

$(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