簡體   English   中英

鼠標移出和鼠標輸入

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM