javascript - 在文本框中按 Enter 后，重定向到 newtab url - 绕过 Firefox 弹出窗口阻止

Question

这是我的脚本:

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>

所以我试图 - 在文本框中输入并点击 Enter 后将用户重定向到新页面。我尝试了两种方法:

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

2. 在文本框中键入内容以触发“btntextfield”按钮后

但每次都被 Firefox 屏蔽...

请帮忙

Answer 1

您可以使用 keypress 来绕过弹出窗口阻止，而不是 keydown。您可以查看此笔以供引用:

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>