如何禁用Zendesk Guide中按回车键触发搜索的功能？

你之前尝试的三种方法都存在问题，导致无法生效，具体问题和修正方案如下：

原方法的问题分析 #

• 第一种方法：只是保留了Zendesk原有的回车触发搜索代码，未做任何禁用处理，自然会继续执行搜索逻辑。
• 第二种方法：选择器错误，document.querySelector("query")无法定位到搜索框（正确选择器应为input[name="query"]或带ID/class的选择器），同时代码末尾多余的*/属于语法错误，导致脚本无法正常运行。
• 第三种方法：全局绑定window的回车事件，不仅会影响其他需要回车的功能（如表单提交、多行输入），而且Zendesk的搜索事件可能在元素级别直接绑定，优先级更高，导致你的阻止代码失效。

正确解决方案 #

方案1：原生JS事件委托（推荐，无需依赖jQuery） #

利用事件委托监听全局键盘事件，仅针对搜索框的回车操作进行阻止，同时兼容动态加载的元素：

document.addEventListener('keydown', function(e) {
  // 替换成你实际的搜索框选择器，可通过浏览器开发者工具查看元素属性
  const searchSelectors = 'input[name="query"], #quick-search-input';
  if (e.key === 'Enter' && e.target.matches(searchSelectors)) {
    e.preventDefault();
    e.stopPropagation();
    return false;
  }
});

方案2：jQuery版本（如果主题加载了jQuery） #

$(document).on('keydown', 'input[name="query"], #quick-search-input', function(e) {
  if (e.key === 'Enter') {
    e.preventDefault();
    return false;
  }
});

注意事项 #

1. 确认选择器正确性：打开浏览器开发者工具，找到搜索框元素，查看其name、id或class属性，替换代码中的选择器。Zendesk Guide默认搜索框通常是input[name="query"]。
2. 脚本加载时机：将代码放在主题的底部脚本区域，或包裹在DOMContentLoaded事件中，确保DOM加载完成后执行。
3. 避免全局禁用：仅针对搜索框处理，不要全局阻止回车事件，防止影响其他功能。

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