當鼠標指針位於瀏覽器的關閉按鈕上時，如何檢測事件？

換句話說，當鼠標指針位於瀏覽器的關閉按鈕（X按鈕）上時，用於檢測事件的javascript/jquery代碼
或當鼠標指針輸入X軸時，瀏覽器的按鈕。
obs：類似於（http://www.jpost.com），請在瀏覽器的關閉按鈕（X按鈕）中輸入該網站並將鼠標指針放入
。當鼠標指針位於瀏覽器的關閉按鈕上時，如何檢測事件？

來源

2015-04-22 wlt

的版本，你到底去完成？ –

類似於（http://www.jpost.com），進入網站並將鼠標指針放在瀏覽器的關閉按鈕（X按鈕）中。 – wlt

沒有一個。這將是一個非常危險的事件，通過網絡提供。

來源

2015-04-22 20:26:50 zfrisch

該問題已重新編輯，請再次閱讀 – wlt

，正如Kristaps所建議的那樣，您無法追蹤文檔以外的移動。您可以根據鼠標移動來猜測或者可以實現該功能的插件。請記住，存在缺陷，例如，如果鼠標在DOM外部啓動並在頁面加載後進入，它很可能會觸發。有關更多深入信息，請查看此前一篇文章http://stackoverflow.com/questions/24016658/detect-exit-intent-with-jquery請記住，這不是我們爲您編寫代碼的網站，它是尋求幫助。 – zfrisch

看完你的問題後，我很好奇，並在網上搜索。我發現建議使用ouibounce庫。這不會明確檢查用戶是否在瀏覽器退出圖標上懸停，但它確實允許您在用戶嘗試離開您的網站之前顯示模式/彈出窗口。

下面是示例步驟，你可以遵循使用這個庫：

1）創建模式。即<div id="modal"></div>

2）選擇模態。即var modal = getElementById('modal');

3）在選定的模態上調用任意反彈。即var bounce = ouibounce(modal);

4）發射或禁用ouibounce。即bounce.fire();

查看ouibounce github瞭解更多信息。 This是我通過在線搜索與您的問題有關的問題的地方。

來源

2015-04-22 20:49:45 boombox

這就是所謂的退出意圖。
您無法跟蹤文檔外的用戶鼠標移動。
但你可以檢查鼠標出了什麼運動矢量和預測，如果它是希望關閉或別的東西

簡化跟蹤退出意圖

https://jsfiddle.net/kristapsv/qs3wk8Ld/

var addEvent = function(obj, evt, fn) { 
    if (obj.addEventListener) { 
    obj.addEventListener(evt, fn, false); 
    } 
    else if (obj.attachEvent) { 
    obj.attachEvent("on" + evt, fn); 
    } 
}; 

addEvent(document, "mouseout", function(event) { 
    event = event ? event : window.event; 
    var from = event.relatedTarget || event.toElement; 
    if ((!from || from.nodeName == "HTML") && event.clientY <= 100) { 
    alert("left top bar"); 
    } 
});

來源

2015-04-22 20:55:18 Kristapsv

我已經把你的代碼放在window.onload事件中，惠特更正 – wlt

不起作用______ – wlt

用小提琴更新。對不起很着急。沒有測試。 – Kristapsv

當鼠標指針位於瀏覽器的關閉按鈕上時，如何檢測事件？

回答

相關問題