window.open()弹窗被浏览器拦截

什么情况下会弹窗被拦截

当window.open为用户触发事件内部或者加载时,不会被拦截,一旦将弹出代码移动到ajax或者一段异步代码内部,马上就出现被拦截。
    obj.onclick = function(){
         window.open(url)     // 会被拦截
    }
    
    
    obj.onclick = function () {
        ajax({
            url: '/xxxxxx/',
            success: function (url) {
                window.open(url);  //会被拦截
             }
        })
    }
});  

解决

    
    obj.onclick = function () {
        var newWindow = window.open();  //先在回调函数之前打开新窗口,后再加载url
        ajax({
            url: '/xxxxxx/',
            success: function (url) {
                newWindow.location.href = url;
            }
        })
    }

你可能感兴趣的:(javascript)