使用JavaScript禁用Tab快捷键失效，求助解决方案

你的代码无法生效主要有几个问题，同时针对Edge的特性需要调整监听逻辑：

原代码的错误点 #

• 事件名称写错：应该是keydown而非key down，空格会导致事件无法被正确监听
• 使用了中文引号：代码里的‘’要替换成英文的''或""，否则会触发语法错误
• 监听范围太广：Edge中contenteditable元素的Tab行为可能在元素层面就被处理，window级的监听可能无法及时拦截

正确的实现方案 #

直接给目标contenteditable div绑定keydown事件，精准拦截Tab键行为：

<div contenteditable="true" id="editableDiv">可编辑内容</div>

<script>
const editableDiv = document.getElementById('editableDiv');
editableDiv.addEventListener('keydown', event => {
  if (event.key === 'Tab') {
    event.preventDefault();
    // 可选：如果需要在编辑框插入Tab空格，可添加以下代码
    // document.execCommand('insertHTML', false, '&nbsp;&nbsp;&nbsp;&nbsp;');
  }
});
</script>

额外适配方案 #

如果必须监听window全局事件，需要开启事件捕获阶段处理，确保优先拦截：

window.addEventListener('keydown', event => {
  if (event.key === 'Tab' && document.activeElement.isContentEditable) {
    event.preventDefault();
  }
}, true); // 第三个参数设为true，在捕获阶段处理事件

也可以用键码判断Tab键（兼容旧版Edge）：event.keyCode === 9

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