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

2024年1月7日 226次阅读

假设我的鼠标从elementA移出并悬停在elementB上.

被解雇的事件的顺序是什么？

最佳答案 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

点赞