jquery - 你如何使用 jQuery 模拟打字？

Question

就像如何click()使用它来触发元素上的点击事件一样，有没有办法模拟字符串的输入？

Answer 1

您可以根据需要使用这些事件：

• .keydown()
• .keypress()
• .keyup()

Answer 2

如果你真的想模拟打字（即包括触发事件并将文本附加到输入或文本区域元素），你可以使用 jQuery 模拟扩展插件：http:
//j-ulrich.github.com/jquery-simulate-分机

然后你可以使用

$('input').simulate("key-sequence", {sequence: "This is a test", delay: 10});

模拟文本的输入，"This is a test"每次按键之间有 10 毫秒的延迟。

免责声明：我是插件的作者。

Answer 3

您是在寻找一种方法来触发与键入相关的事件，还是要将文本附加到容器中以使其看起来像是有人在键入？如果您正在寻找事件，那么@Nick 在建议触发事件的方法方面是绝对正确的。如果是后者，您将需要使用计时器将容器的 text/html 替换为文本的连续子字符串。span如果文本很长，您可以通过附加包含每个字母的连续元素来获得更好的效果——这将减少文本被替换和布局瞬间改变时的闪烁。

编辑：我打算添加一个示例，但事实证明已经有一个插件：jTypeWriter。