[英]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();
};
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.