javascript输入事件在谷歌上不起作用

Question

我正在尝试使用 javascript 模拟“输入”按键以实现自动化。

var script = document.createElement('script');
script.src = 'https://code.jquery.com/jquery-1.10.2.min.js';
script.type = 'text/javascript';
document.body.appendChild(script);
var e = jQuery.Event("keypress");
e.which = 13; //choose the one you want
e.keyCode = 13;

这是用于设置按键事件的代码（我也尝试过 keydown 和 keyup）。

搜索 Google 时，这似乎不起作用。如果我输入一些文本并在输入字段$("[name=q]").trigger(e) 上触发事件，则不会发生任何事情。

我正在使用 google 来测试模拟“正确”输入事件。我希望用js来自动化skype web客户端。

有谁知道是否可以使用 javascript 模拟实际的输入按键？我已经看到 Selenide 的 pressEnter() 有效，但它使用 webdriver，所以可能不相关。

我也试过原生js事件触发

var dispatchKeyboardEvent = function(target, initKeyboradEvent_args) {
  var e = document.createEvent("KeyboardEvents");
  e.initKeyboardEvent.apply(e, Array.prototype.slice.call(arguments, 1));
  target.dispatchEvent(e);
};

dispatchKeyboardEvent($("[name=q]"), 'keypress', true, true, null, 'h', 13, '');

旁注我知道可以通过在元素上调用 .submit() 来提交查询，但这不是我想要的。

Answer 1

当您在代码中引用 document 时，代码应该在 dom 准备好时执行。

事件触发代码应该在加载jQuery的时候执行，因此将代码写在script.onload回调中。

如here 所述，在将script 元素附加到document.body 之前以及在将src 分配给script 元素之前附加回调。

工作演示：jsFiddle

Answer 2

如果您的代码一次性设置搜索查询字符串，请监听该字段的 on change 事件并调用该函数。

$("#searchBarId").on("change", function(){
    var e = jQuery.Event("keydown");
    e.which = 13; // # Enter key code value
    $("input").trigger(e)
});

Definitive way to trigger keypress events with jQuery的回答

这能解决您的问题吗？

Answer 3

<select id="ss">
    <option value="1">1</option>
    <option value="2">2</option>
 </select>  

$('#ss').keypress(function(e){
     var p = e.keyCode;
    alert(p);
     if(p==13){
         alert('enter was pressed');
     }
 });