Javascript - 在写下文本区域之前更改输入字母

Question

我正在尝试用 jQuery 制作一个虚拟键盘。

当我在给定的文本区域中按下 'a' 时，假设应该写入 'z'。

在textarea中，我发现输入一个字母的整个步骤是

keyDown 事件 → keyPress 事件 → textarea 中输入的字母 → keyUp 事件

在我的代码中，我在 keyPress 事件 中检测到了字母，在那个事件中，如果字母是 'a'，我添加了 'z' 在 textarea 中使用 .val() 方法。

如果我们在 textarea 中有初始字符串 hello，在 keyPress 事件之后，我们有 helloz。然后，在 keyUp 事件 发生之前，textarea 变成了 helloza。所以我删除了 keyUp 事件中的最后一个字母，'a'。

这看起来很棒，而且效果很好。但是，问题是时间延迟。

由于我上面写的步骤需要一秒钟，所以 'a' 在文本区域中出现了很长时间。

但是Google Translator中的虚拟键盘不显示原始字母。

我该怎么做？

Answer 1

尝试在 keyPress 事件处理程序中调用 event.preventDefault()。