javascript - 如何在javascript/jquery中实现这个键盘 Hook 功能？

Question

我需要为我的语言实现一个键盘。例如，我希望如果您输入 "a" 那么在文本框或输入框中将显示: ka http://cl.cooltext.com/rendered/cooltext530153213.png .....如果我按“m”，它将显示:

现在，这在当前的网络浏览器中是不可能的，因为这里没有 Hook 功能。为此，我决定这个算法:

1. 检测键入字母的键码(在本例中为“a”)
2. 维护键盘映射并从键码(在步骤 1 中)找到哪个键将被 “a”替换
3. 将textarea/textInput替换为:“--a--之前的字符串”+第2步中替换的键+“--a--之后的其余部分”
4. 返回 false，以便浏览器不会将“a”写入 textarea/textInput。

<小时/>

我正在寻找比击键后运行子字符串方法更好的主意...请帮忙。

Answer 1

我之前已经在 Stack Overflow 上提供了执行此操作的代码:show different keyboard character from the typed one in google chrome和Can I conditionally change the character entered into an input on keypress? ，例如。