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

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

mouse javascript-events dom

Eemeli Kantola · 技术社区 · 15 年前

是否可以在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 回复 | 直到 5 年前

bobince 15 年前

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

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

Hasip Timurtas uadmin 5 年前

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

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

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

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

postMessage()

推荐文章

Robo Robok · 为什么我无法使用Dom\HTMLDocument搜索标签?

1 年前

Y-jiji · 调整大小时替换了假选择

1 年前

LLScheme · 无法使用Playwright&Pyppeteer找到关键字

1 年前

Konrad Viltersten · 无法修改ViewContainerRef的内部内容,只能在Angular中添加标签

1 年前

Eric G · 如何将svg文本元素垂直居中?

1 年前

Nail Val · 当条件通过时,If语句不显示console.log,并按意外情况继续工作

2 年前

Juan Lanus · 如何获取对所选内容的DOM元素的引用

2 年前

huz3y · addEventListener不适用于从javascript添加的新类所选的元素

2 年前

Toby Hogan · 元素React状态更改后未在DOM中更新

2 年前

user23745914 · 能够访问javascript中的dom元素,而无需显式定义查询选择器

2 年前