javascript - Mouseover 和 Mouseout 之间的事件触发顺序

Question

假设我的鼠标从 elementS 移出并悬停在 element 上。

触发事件的顺序是什么？

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