代码之家 › 专栏 › 技术社区 › Eemeli Kantola

从JavaScript以编程方式触发DOM鼠标事件

mouse javascript-events dom

Eemeli Kantola · 技术社区 · 14 年前

是否可以在DOM中以编程方式触发鼠标事件?我的示例案例如下:

<html>
  <body>
    <iframe style="width: 500px; height: 500px;" src="something.html"></iframe>
    <div id="layer" style="position: absolute; left: 0px; top=0px; width=500px; height=500px;"></div>
  </body>
</html>

每当用户单击 div 超过 iframe ,我想以某种方式向 iframe公司 ,也是。(这里我们假设 iframe src 在同一域中。)

1 回复 | 直到 3 年前

bobince 14 年前

当你可以将事件注入浏览器的事件处理系统(不是以完全可移植的方式),它只会导致调用在这些事件上注册的事件处理程序。它不会导致默认操作,如跟踪单击的链接。另外,你不能从坐标中得到目标元素,所以你必须自己去做。

<div> click 处理程序,然后通知父级中的代码单击的位置。

Hasip Timurtas uadmin 3 年前

如果你遇到过这样的情况 <iframe> 父母和孩子在不同的领域,我建议学习使用 postMessage() .

postMessage() 你可以听 "message" 类似事件:

window.addEventListener("message", (event) => {}

https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage

postMessage()

推荐文章

Ezz Deghedy · 如何获取数据和读取响应

1 年前

StuP · 响应式Vue组件在数据更改时不更新

2 年前

burr · 让jQuery选择器识别新添加的DOM元素[关闭]

2 年前

viboven · Javascript DOM未从ID检测到按钮,表示其为null[已关闭]

2 年前

Toufique E Joarder · 将<li>移动到第n个位置并使用JavaScript更改href链接

2 年前

HASEEB ALAM RAFIQ · 如何在react中获取QuerySelector所有html元素?

2 年前

J. Hu · “表单提交已取消,因为表单未连接”[重复]

6 年前

pploypiti · 选择所有其他ID不是“this”的元素。id'

6 年前

xiaolingxiao · 导航到页面后运行javascript

6 年前

Voodoobear · 如何将数字变量插入replaceWith(JavaScript)

6 年前