为什么.hover（）不能映射图像，但.mouseover（）呢？

Question

最近正在使用图像地图并试图在图像地图悬停时做一些事情。当然，我首先尝试.hover()，但这并没有奏效，所以当我尝试.mouseover()工作时。

我的问题是，为什么一个工作而不是另一个工作？

/*This function works*/
$(document).on('mouseover', '#some-map', function(){
    console.log('I am hovering with mouseover()');
}).on('mouseout', function(){
    console.log('I am no longer hovering with mouseover()');
});

/*This function does not work*/
$(document).on('hover', '#some-map', function(){
    console.log('This is from hover()');
}, function(){
    consoel.log('Out from hover()');
});

Answer 1

没有on（'hover'...方法在jquery中你可以像这样写

$('#some-map').hover(function(){
   alert('This is from hover()');
}, function(){
   alert('Out from hover()');
});