Javascript 关闭悬停功能未触发

我正在尝试在

.mail img

的悬停和关闭悬停状态下执行一些操作。on hover事件正在发生，其中的代码正在执行，但off hover事件没有发生

为了简化它，我将代码替换为警报，关闭悬停警报也不会触发

$('.mail img').hover(function(){
    alert('on hover');
},
function(){
    alert('off hover');
});

---

我正在使用jQuery 1.9.1

这种行为是因为您正在使用

alert

进行测试。用于悬停的事件是

mouseleave

。当显示来自

mouseenter

的

警报时，不会触发此警报

将代码更改为使用
console.log
（调试时应该这样做），它将工作：

$('.mail img').hover(function(){
    console.log('on hover');
}, function(){
    console.log('off hover');
});

此行为是因为您正在使用
alert
进行测试。用于悬停的事件是
mouseleave
。当显示来自
mouseenter
的
警报时，不会触发此警报

将代码更改为使用
console.log
（调试时应该这样做），它将工作：

$('.mail img').hover(function(){
    console.log('on hover');
}, function(){
    console.log('off hover');
});

您可以使用
mouseout（）
检查光标是否离开元素

$('.mail img').mouseout(function(){
    alert('off hover');
});

您可以使用
mouseout（）
检查光标是否离开元素

$('.mail img').mouseout(function(){
    alert('off hover');
});

使用以下命令：

$('.mail img').mouseover(function(){
    alert('on hover');

}).mouseout(function(){
    alert('off hover');

});

使用以下命令：

$('.mail img').mouseover(function(){
    alert('on hover');

}).mouseout(function(){
    alert('off hover');

});

我知道使用警报是不好的做法。我只在10%的时间里使用它们。但是off hover事件仍然不会使用console.log（）触发。我的代码实际上没有修改。你检查过控制台上的错误吗？你可以从小提琴上看到，你提供的代码本身应该可以正常工作。不知道为什么off hover、mouseleave或mouseout会开火。没有错误。代码都是有效的。感谢您的教育，我不知道警报会干扰悬停事件。我知道使用警报是不好的做法。我只在10%的时间里使用它们。但是off hover事件仍然不会使用console.log（）触发。我的代码实际上没有修改。你检查过控制台上的错误吗？你可以从小提琴上看到，你提供的代码本身应该可以正常工作。不知道为什么off hover、mouseleave或mouseout会开火。没有错误。代码都是有效的。感谢您的教育，我不知道警报会干扰悬停事件。