你如何模拟使用jQuery打字?

时间:2010-04-05 11:57:40

标签: jquery click typing simulate

就像click()如何用于触发元素上的click事件一样,有没有办法模拟字符串的输入?

3 个答案:

答案 0 :(得分:8)

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

答案 1 :(得分:6)

如果你真的想模拟输入(即包括触发事件并将文本附加到输入或textarea元素),你可以使用jQuery模拟扩展插件:
http://j-ulrich.github.com/jquery-simulate-ext

然后你可以使用

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

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

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

答案 2 :(得分:3)

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

编辑:我打算添加一个示例,但事实证明已有一个插件:jTypeWriter