字母数字键的编辑器按键锁定

Question

我正在开发一个编辑器项目，并在常用的编辑器中实现了字母数字键输入的 UX 在 keyDown 上注册一次，其他键在 keyDown 上很简单。例如。如果按住a 并按住，它将插入a，但对于.，它将插入......。所以我的实现是这样的：

let keydownLock = false
const onKeyUp = () => { keydownLock = false }
const onKeyDown = () => {
  if (keydownLock) return
  if (isAlphanumeric) keydownLock = true
  other key handling...
}

我的问题是：

1. 如果这是用于按键输入的编辑器标准 UX，请指出一些参考资料。
2. 是否有一些特殊的关键事件更容易实现？

更新： 我意识到这是所有内容可编辑的 HTML 元素的标准行为。所以不需要实现任何东西。但我的第一个问题仍然存在。

Answer 1

根据我从您的问题中了解到的情况，基本上在 Javascript 中，onkeypress 事件类似于 onkeydown 事件，但它不会针对所有浏览器中的所有键类型触发。

如果你想取消键盘输入，最好同时取消onkeydown和onkeypress事件，因为有时onkeypress/onkeydown事件需要根据浏览器和按键类型取消。例如，如果要取消光标左、上、右、下键，在 Internet Explorer、Firefox、Google Chrome 和 Safari 中需要取消 onkeydown 事件，在 Opera 中需要取消 onkeypress 事件。对于字母数字字符，取消 onkeydown 和 onkeypress 事件之一就足够了。