如何使用 jQuery 在输入字段中模拟输入？

Question

我想要的是使用javascript模拟在<input>字段中输入。

我有以下代码：

var press = jQuery.Event("keydown");
press.ctrlKey = false;
press.which = 65;
$("#test").trigger(press);

但是当我加载页面时，#test 输入字段没有输入字符，'65' 的键码代表'A'，但是没有'A'输入。

基本上我想要的是使用 Greasemonkey 自动输入网站。

请给我一些想法或一些库，我可以用它来做到这一点。
非常感谢！

Answer 1

你可以发送关键事件，任何监听它们的东西都会得到它们，但它们不会改变输入，所以你不会看到字母A出现，例如。这主要是安全问题；请参阅 "Manually firing events" 以了解有关该问题的讨论。

因此，如果您希望字母出现，您必须在发送按键事件时更改输入的值。有一个 jQuery 插件，请参阅 "The $.fn.sendkeys Plugin"。

您可以在this jsFiddle 看到<input> 如何对用户应用的键、键事件和该插件做出反应。

作为参考，这是来自 jsFiddle 的关键代码：

$("button").click ( function (zEvent) {
    if (zEvent.target.id == "simA_plain") {
        console.log ("Send Plain key event");
        var keyVal = 65;
        $("#eventTarg").trigger ( {
            type: 'keypress', keyCode: keyVal, which: keyVal, charCode: keyVal
        } );
    }
    else {
        console.log ("Use the Plugin to simulate a keystroke");
        $("#eventTarg").sendkeys ("B") ;
    }
} );

---

---

如果您只是想“模拟在<input> 上打字”，该插件应该就足够了。但是，根据您真正想要做什么，您可能需要执行以下一项或多项操作：

1. 只需将文本设置为您想要的。
2. 发送keydown 事件，如果页面的 javascript 触发了该事件。
3. 同样，发送change 事件等，如果页面的 javascript 触发了该事件。
4. 直接找到并调用页面的javascript即可。使用脚本注入、location hack、unsafeWindow 和/或@grant none 模式来做到这一点。
5. 还有别的吗？说明您的真实目标并链接到目标页面。