javascript - 如何模拟*真实*鼠标点击 iframe 中的元素

Question

$(selector).click() 结果没有任何反应。
this answer在浏览器控制台中工作，javascript 上下文设置为 iframe，但不是主页:
simulateMouseClick($("iframe").contents().find(selector))
结果:

Uncaught TypeError: targetNode.dispatchEvent is not a function
at triggerMouseEvent (:5:20)
at :8:9
at Array.forEach ()
at simulateMouseClick (:7:52)
at :1:1

$("iframe").contents().find(selector).text() 给出了预期的结果，因此它是正确的元素。

我怎样才能做到这一点？

编辑:添加这个，因为人们显然无法阅读:
$("iframe").contents().find(selector).click()
完全没有效果，因为 .click() 不模拟真正的鼠标点击。

Answer 1

使用 jQuery :

$("iframe").contents().find(selector).click();

使用 Vannila JS:

使用 window.frames 可以访问 iframe 的窗口对象，如 Mozilla doc 中所述

您可以使用此对象在 iframe 中查找元素并在您的脚本中使用它们。例如:

  var iframeWindow = window.frames[0];
  var element = iframeWindow.document.getElementsByClassName("selector")[0];
  element.click();