你如何模拟使用jQuery打字?

8 jquery typing click simulate

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

Nic*_*ver 8

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


Ign*_*tor 7

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

然后你可以使用

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

模拟"This is a test"每次按键之间延迟10ms 的文本输入.

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


tva*_*son 3

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

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

  • 看起来 jTypeWriter 可能已经死了。至少,我在任何地方都找不到它。但我遇到了一个看起来不错的替代 jQuery 插件:[TypeType](http://iamdanfox.github.io/typetype/)。 (2认同)