javascript - 无法使用 jquery 触发 mousedown 事件

Question

我正在尝试在 http://translate.google.com 中模拟点击事件用 jquery。为此，我使用以下代码加载了 jquery 文件:

var script = document.createElement("script");
script.src = "http://code.jquery.com/jquery-1.10.1.min.js";
document.body.appendChild(script);

然后我尝试使用选择器模拟对元素的点击，如下所示:

jQuery(".goog-inline-block.goog-flat-menu-button-caption").trigger("mousedown")

我还尝试了这个点击事件而不是 mousedown:

jQuery(".goog-inline-block.goog-flat-menu-button-caption").trigger("click")

都没有给出手动点击div的效果，即打开一个新的div。我附上了所需行为的 ss。

jquery 不工作的原因是什么？或者我怎样才能以任何其他方式模拟效果？

编辑:添加 jQuery 似乎是成功的，因为我可以使用 jQuery 方法来选择元素并更改它们的内容等。

Answer 1

解决方案是创建一个 MouseEvent 并将其分派(dispatch)给元素，如下所示:

var e1 = document.createEvent("MouseEvents");
e1.initMouseEvent("mousedown", true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
jQuery('#gt-sl-gms')[0].dispatchEvent(e1)

jQuery的事件机制似乎使用了不同的调度系统，因为它不能触发监听函数，虽然我没有确认这个信息。