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

Question

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

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

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

---

我正在寻找一个比在击键后运行 substring 方法更好的主意...请帮助。

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?。

Answer 2

您的算法正是实现这一点的正确方法。