点击文本框中的Enter后,重定向到newtab网址 - 绕过Firefox弹出框

时间:2017-07-01 21:46:14

标签: javascript jquery html javascript-events

这是我的剧本:

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 in文本框后重定向用户的新页面。我尝试了2种方法:

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

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

但每次被Firefox阻止......

请帮忙:)谢谢!

1 个答案:

答案 0 :(得分:1)

您可以使用<input name="Actor.Fax" type="text"/>来绕过弹出窗口而不是keydown。您可以查看此笔以供参考:

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

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