mouseover与mouseenter
不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。
只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。
mouseout与mouseleave
不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。
只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。
$(document.body).on('mouseenter', 'img', function (e) {
clearTimeout(imgMouseEnterTimer);
imgMouseEnterTimer = setTimeout(function () {}, 1000);
});
$(document.body).on('mouseleave', 'img', function (e) {
clearTimeout(imgMouseEnterTimer);// 要先清除mouseenter事件
});