頁面，而不彈出窗口阻止

Question

希望能對你有點幫助這裏... 我有一個在外地翻譯一個詞，與翻譯語句填充字段，然後就提交操作都在一個表單提交按鈕。

提交正在jQuery的製造。 問題的目標頁面被阻止，因爲所有的3級主要的瀏覽器把它當作彈出， 你知道如何讓它只是作爲一個新的選項卡或新窗口中打開？ 我不想將目標設置爲_self，因爲我希望人們也可以打開我的網站。

我相信這個問題是在這個字符串：

document.forms.form1.submit(); 

但我也知道應該有改寫它，因此目標將不會作爲一個彈出來處理的方式。

這是腳本：

<script type="text/javascript"> 

$(function transle() { 
    $('#transbox').sundayMorningReset(); 
    $('#transbox input[type=button]').click(function(evt) { 
    $.sundayMorning(
     $('#transbox input[type=text]').val(), { 
     source: '', 
     destination: 'ZH', 
     menuLeft: evt.pageX, 
     menuTop: evt.pageY 
     }, 
     function(response) { 
     $('#transbox input[type=text]').val(response.translation); 

     //document.getElementById("form1").submit(); 
     document.forms.form1.submit(); 

     } 
    ); 
    }); 
}); 

</script> 

，這是形式：

<table id="transbox" name="transbox" width="30px" border="0" cellspacing="0" cellpadding="0"> 
    <form action="custom-page" method="get" name="form1" target="_blank" id="form1"> 

    <tr> 
     <td> 
     <input id="q" name="q" type="text" class="search_input" onFocus="if (this.value == 'Evening dress') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'Evening dress';}" value="Evening dress" /> 
     </td> 
     <td> 
     <input type="button" value="Find" style="color: #333; width: 157px; font-weight:bold"></input> 
     </td> 
    </tr> 

    </form> 
</table> 

編輯

我已經嘗試了所有這些字符串的提交：

document.getElementById("form1").submit(); 
document.forms.form1.submit(); 
form1.submit(); 

所有結果都是目標彈出被阻止。 請問，有沒有其他方式我應該做的代碼不讓它彈出？

也許應該使用的onsubmit做jQuery的？ 有人知道如何？

Answer 1

嘗試將表單提交到一個新的窗口（設置target="new"），這將在新窗口中打開頁面提交，再其無法避免的瀏覽器..

Answer 2

一般來說，彈出攔截無需用戶交互即可啓動的目標窗口。通常點擊事件可以打開一個窗口而不被阻塞。 （除非它是一個非常糟糕的彈出窗口攔截器）click事件

Answer 3

提交按鈕後

嘗試啓動，添加以下代碼，然後設置你的表單目標=「爲newwin」

onclick=window.open("about:blank","newwin") 

Answer 4

瀏覽器只有打開選項卡/彈出窗口的命令來自trusted event時，纔會打開沒有彈出窗口阻止程序警告的選項卡/彈出窗口。這意味着用戶必須主動點擊某處才能打開彈出窗口。

在你的情況，當用戶進行點擊，所以你有值得信賴的事件。但是，通過執行Ajax請求，您確實會丟失該可信上下文。您的成功處理程序不再有該事件。解決這個問題的唯一方法是執行一個同步的Ajax請求，該請求會在運行時阻止瀏覽器，但會保留事件上下文。

在jQuery中這應該做的伎倆：

$.ajax({ 
url: 'http://yourserver/', 
data: 'your image', 
success: function(){window.open(someUrl);}, 
async: false 
}); 

這裏是你的答案：Open new tab without popup blocker after ajax call on user click

Answer 5

PS>我張貼了這個答案在一個相關的問題。以下是我如何解決異步Ajax請求丟失可信上下文的問題：

我直接在用戶單擊時打開彈出窗口，將URL指向about:blank，並在該窗口中獲得了一個句柄。你也許可以直接在彈出的「裝載」的網址，而你的Ajax請求時

var myWindow = window.open("about:blank",'name','height=500,width=550');

然後，當我的要求是成功的，我在窗口

function showWindow(win, url) { 
    win.open(url,'name','height=500,width=550'); 
} 

Answer 6

function openLinkNewTab (url){ 
    $('body').append('<a id="openLinkNewTab" href="' + url + '" target="_blank"><span></span></a>').find('#openLinkNewTab span').click().remove(); 
} 

打開我的回調URL