javascript - 在文本框中单击Enter后，重定向到newtab url-绕过Firefox弹出窗口块

这是我的脚本：

jQuery('#textfield').keydown(function (e){
    var text = document.getElementById('textfield').value;
        if(e.keyCode == 13){

            //document.getElementById('btntextfield').click();
            //window.location.href = "http://www.example.com";
            //window.open("https://www.w3schools.com");
            //setTimeout(function(){document.getElementById('btntextfield').click();}, 3 * 1000);
            alert("tsdks");
        }
});

的HTML：

<input id="textfield" class="form-control" placeholder="search term..." type="text">
<a id="btntextfield" class="btn btn-carousel btn-lg" href=#" target="_blank" rel="noopener noreferrer">Search</a>

因此，我试图-在键入并单击“在文本框中输入”以重定向用户新页面后。我尝试了2种方法：

1-在文本框中输入内容后，按Enter键即可直接重定向到新页面

2-在文本框中键入触发“ btntextfield”按钮后

但是每次它被Firefox阻止时...

请帮助:)，谢谢！

最佳答案

可以使用keydown代替keypress绕过弹出框。您可以检查此笔作为参考：

https://codepen.io/ropilz/pen/qjoXNM

jQuery('#textfield')
  .keypress(function (e){
    if(e.keyCode == 13){
      document.getElementById('btntextfield').click();
    }
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="textfield" class="form-control" placeholder="search term..." type="text">
<a id="btntextfield" class="btn btn-carousel btn-lg" href=#" target="_blank" rel="noopener noreferrer">Search</a>