首页 > 解决方案 > 如何使用javascript禁用对按Tab而不是一个输入字段的关注

问题描述

基本问题是我在屏幕上有一个文本字段和一些按钮。我不希望我的文本字段失去对任何按键/或鼠标点击的关注。它对鼠标工作正常,但是当我按 TAB 时,它会将焦点切换到 URL,然后是按钮。我想禁用选项卡使用,或者它应该不惜一切代价将焦点从该输入字段移开。

标签: javascripttabsfocus

解决方案


我已经更新了 MH2K9 的答案,因此它不需要 jQuery。

const input = document.querySelector('input');
input.addEventListener('keydown', handleKey, true);

function handleKey(e) {
  if (e.key === 'Tab') {
    e.preventDefault();
    this.focus();
  }
}
<input type="text" />


推荐阅读