用戶進入滾動條時未觸發javascript重定向

Question

所以我有一個簡單的javascript代碼，當訪問者離開活動窗口時，它將重定向。 問題是，當用戶轉到右側的滾動條時，它還會重定向...

我如何獲得它，以便當用戶離開頁面以滾動到滾動條時它不會重定向，但是當用戶離開地址欄時卻發生重定向？

最好的解決方案是什么？

這是我的代碼：

<script type="text/javascript">
function addEvent(obj, evt, fn) {
    if (obj.addEventListener) {
        obj.addEventListener(evt, fn, false);
    }
    else if (obj.attachEvent) {
        obj.attachEvent("on" + evt, fn);
    }
}
addEvent(window,"load",function(e) {
    addEvent(document, "mouseout", function(e) {
        e = e ? e : window.event;
        var from = e.relatedTarget || e.toElement;
        if (!from || from.nodeName == "HTML") {
            // stop your drag event here
            // for now we can just use an alert
            //alert("left window");
        window.location = "http://www.google.com/"
        }
    });
});
</script>
Goodbye - just mouseout the window...

您可以在http://www.marketingillusionist.com/test.html上查看示例。

Answer 1

它不是導致問題的滾動條。 它在“身體”上的余量。 瀏覽器中默認有'body'的邊距。 嘗試像這樣設置css，看看它是否有效：

<style type="text/css">
    body
    {
    margin:0;
    }
</style>