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

Question

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

现在，这在当前的webbrowsers中是不可能的，因为这里没有挂钩功能。为此，我决定使用这个算法：

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

---

我正在寻找一个比击键后运行子串方法更好的想法...请帮忙。

Answer 1

您的算法正是实现此目的的正确方法。

Answer 2

我之前在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?。