javascript - 尝试防止从 Mac 键盘输入死键

Question

我正在尝试使用组合 alt+i 创建快捷方式，该组合通常会键入死键 ˆ，我尝试了以下:

$(document).ready(function () {
    $("#txtInput").keydown(
       function (event) {
           if (event.which == 229 && event.altKey === true) {
               alert(event);
               event.preventDefault();
               event.stopPropagation();
           }
       }
   ); 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<input id="txtInput" type="text" />

条件内的代码执行，但 ˆ 仍然在我的 "#txtInput" 中输入。是否可以阻止输入此文本？

Answer 1

在寻找防止 Dead 键的方法时看到这篇文章(例如组合使用 ' 来获取特殊字符，例如 ā、ē、ī 等) )在 MacOS 上输入到文本input

没有一个解决方案像OP提到的那样有效 - 它们无法阻止浏览器/操作系统启动字符组合

我发现的一种巧妙的方法是模糊 Dead 按键上的输入，然后在微不足道的延迟后再次将其聚焦回来。在我的例子中，与通过操作 event.target.value 来删除输入的符号相比，这会导致更少的闪烁。

const input = document.getElementById('input')

input.addEventListener('keydown', e => {
  console.log(e.key)

  if (e.key === 'Dead') {
    input.blur()
    setTimeout(() => input.focus())
  }
})

<input id="input" type="text">

这还将阻止 ' 转换为的下一个特殊字符出现在输入中