如何通过写一些文本打开新标签?

时间:2017-07-17 09:01:11

标签: javascript hyperlink

我正在寻找一些关于如何通过写出确切的单词来打开链接的信息,在我的情况下,它将是"电影"。我想通过在网站上写下输入元素词来打开新的链接 - "电影"。

你可以给我一些提示吗?

谢谢你,
鲇鱼

2 个答案:

答案 0 :(得分:1)

您可以使用onInput或使用onkeyup活动打开包含window.open

的新标签页
<!DOCTYPE html>
<html>
<body>

Enter keyword: <input id="keywordinput" type="text" value="notfilm" oninput="checkForFilm()">

<script>
function checkForFilm() 
{
    if(document.getElementById('keywordinput').value == 'film')
    {
      var win = window.open('http://stackoverflow.com/', '_blank');
      if (win) 
      {          
          win.focus();
      } 
      else 
      {          
          alert('Please allow popups for this website');
      }
    }
}
</script>

</body>
</html>

答案 1 :(得分:1)

您可以使用onkeyup事件。

function openLink(e){
  if(e.value == 'film'){
      var new_window = window.open('http://abc.xyz/', '_blank'); // Replace with your link. 
      if(new_window){          
          win.focus();
      }
      else{
          alert("Allow popups from your browser settings.");
      }
  }
}
Enter word : <input type="text" name="input_name" id="input_id" value="" onkeyup="openLink(this);" />