假设我的鼠标从 elementS 移出并悬停在 element 上。
触发事件的顺序是什么?
最佳答案
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
关于javascript - Mouseover 和 Mouseout 之间的事件触发顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10011493/