如何用jQuery实现特定关键词触发自动提交并打开新标签？原脚本失效求替代方案

首先，你的代码里有个核心问题：openLinkInNewWindow并不是jQuery或原生DOM对象的内置方法，这就是脚本失效的主要原因。另外，你绑定的change事件只有在输入框失去焦点时才会触发，体验上不够及时——用户输入完关键词但没点击别处的话，脚本不会执行。

下面是修正后的方案，用标准的JS方法实现需求：

修正后的代码 #

HTML（保持你的结构不变） #

<form id="myform" action="" method="post">
  <input type="text" id="mytext" name="mytext" value="" placeholder="type here!" />
</form>

JavaScript（jQuery版本） #

const textInput = $("#mytext");

// 用input事件替代change+keyup，覆盖所有输入场景（输入、粘贴、输入法选词等）
textInput.on("input", function() {
  const inputVal = $(this).val().trim();
  // 匹配目标关键词（这里是"keyword"）
  if (inputVal === "keyword") {
    // 用浏览器标准方法window.open打开新标签
    // 第二个参数"_blank"指定在新标签打开，第三个参数可以配置窗口属性（可选）
    window.open('https://wikipedia.org/', '_blank');
    // 可选：清空输入框，避免重复触发
    $(this).val('');
  }
});

关键改进点说明 #

• 替换错误方法：用原生window.open()代替不存在的openLinkInNewWindow，这是浏览器提供的标准弹窗/新标签打开方法，只要是在用户交互事件（比如input、click）内触发，基本不会被浏览器的弹窗拦截机制阻止。
• 优化事件绑定：input事件会在输入框内容发生任何变化时立即触发，覆盖了keyup和change的所有场景，包括鼠标粘贴、拖拽文本、输入法选词完成等，体验更流畅。
• 增加容错处理：用trim()去掉输入内容的前后空格，避免用户不小心输入空格导致匹配失败的情况。

其他可选实现方式 #

如果你不想用jQuery，原生JS版本也很简单：

const textInput = document.getElementById("mytext");

textInput.addEventListener("input", function() {
  const inputVal = this.value.trim();
  if (inputVal === "keyword") {
    window.open('https://wikipedia.org/', '_blank');
    this.value = '';
  }
});

内容的提问来源于stack exchange，提问作者user14063075