鼠标移出和鼠标输入
Mouseout & Mouseenter
当鼠标指针离开浏览器页面时,将触发弹出屏幕。当我再次进入浏览器页面时,弹出屏幕应该会消失,但现在我必须单击弹出窗口中的关闭按钮才能将其删除。
怎样才能让你再次进入浏览器页面时弹窗消失?
我用过这个Javascript代码:
// Exit intent
function addEvent(obj, evt, fn) {
if (obj.addEventListener) {
obj.addEventListener(evt, fn, false);
} else if (obj.attachEvent) {
obj.attachEvent("on" + evt, fn);
}
}
// Exit intent trigger
addEvent(document, 'mouseout', function(evt) {
if (evt.toElement == null && evt.relatedTarget == null) {
$('.lightbox').slideDown();
};
});
// Closing the Popup Box
$('a.close').click(function() {
$('.lightbox').slideUp();
});
鼠标悬停事件触发
addEvent(document, 'mouseover', function(evt) {
if (evt.toElement == null && evt.relatedTarget == null) {
$('.lightbox').slideUp();
};
});
当鼠标指针离开浏览器页面时,将触发弹出屏幕。当我再次进入浏览器页面时,弹出屏幕应该会消失,但现在我必须单击弹出窗口中的关闭按钮才能将其删除。
怎样才能让你再次进入浏览器页面时弹窗消失?
我用过这个Javascript代码:
// Exit intent
function addEvent(obj, evt, fn) {
if (obj.addEventListener) {
obj.addEventListener(evt, fn, false);
} else if (obj.attachEvent) {
obj.attachEvent("on" + evt, fn);
}
}
// Exit intent trigger
addEvent(document, 'mouseout', function(evt) {
if (evt.toElement == null && evt.relatedTarget == null) {
$('.lightbox').slideDown();
};
});
// Closing the Popup Box
$('a.close').click(function() {
$('.lightbox').slideUp();
});
鼠标悬停事件触发
addEvent(document, 'mouseover', function(evt) {
if (evt.toElement == null && evt.relatedTarget == null) {
$('.lightbox').slideUp();
};
});