Javascript 使用iframe获取鼠标在页面上的单击位置

我有一个HTML页面，我想知道鼠标的位置。我这样做：

document.onclick=函数单击{

---

如果单击.clientX此处，我将使用Host listener mousemove获取JavaScript文档中的鼠标位置，如下所示：

document.addEventListener'mousemove'，event=>{ console.logMouse X:${event.clientX}，Mouse Y:${event.clientY}； })

对于IFRAME：---

将id添加到Iframe中，让它添加mousemove侦听器并从事件中获取coords。这对您很有用

让iframeElement=document.getElementById'iframe'

iframeElement.contentDocument.body.addEventListener'mousemove'，e=>{ document.getElementById'coord'.innerHTML=x:${e.clientX}y:${e.clientY} })

代码段：

问候,，

---

Nisha

您需要防止iframe在其上方收到点击。或者通过将父文档的元素放置在iframe上，或者通过设置指针事件：iframe无，不确定后者是否有效。当然，您可能无法再与iframe内容交互。您是否需要nt，到目前为止在您的问题描述中还不清楚。谢谢，但我需要与iframe交互，因此我无法使用此解决方案。这是您问题的答案吗？也许您可以在iframe内获得单击位置，可能类似，然后将其添加到iframe的位置。这是否回答了您的问题？谢谢，但它没有sn不适用于iframe…我已在代码段中更新了对iframe的更改。它将适用于您。我有一个错误，它说：“HtmleElement”类型上不存在属性“contentDocument”。您是指“ownerDocument”吗？不，它只需要是contentDocument。我已附加了代码段的屏幕截图。请参阅。