当用户使用滚动条时，不会触发 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”上的边距。浏览器中的“body”有默认边距。尝试像这样设置 css 并查看它是否有效:

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