javascript：制作一个iframe来获取x&；老鼠的生殖

我有一个iframe

<iframe id="EXAMPLE"></iframe>

编辑： 如何使用javascript制作iframe以实时获取鼠标坐标？

在HTML中，您有：

<iframe src="http://example.com" id="test"></iframe>

现在，您必须获取文档上的鼠标位置。您可以使用jQuery

mousemove

处理程序：

$("body").on("mousemove", function(e) {
    console.log("X: " + e.clientX + "px Y: " + e.clientY + "px");
});

然后，在文档上设置

iframe

位置：

function update(e) {
    $("#test").css("left", e.clientX + 10 + "px");
    $("#test").css("top", e.clientY + 10 + "px");
}

现在，只需调用

mousemove

中的

update

函数即可

请参阅实时预览

如果还想在

iframe

上检测

mousemove

，请将

指针事件：none

添加到

iframe

样式中。测试

在HTML中，您有以下内容：

<iframe src="http://example.com" id="test"></iframe>

现在，您必须获取文档上的鼠标位置。您可以使用jQuery

mousemove

处理程序：

$("body").on("mousemove", function(e) {
    console.log("X: " + e.clientX + "px Y: " + e.clientY + "px");
});

然后，在文档上设置

iframe

位置：

function update(e) {
    $("#test").css("left", e.clientX + 10 + "px");
    $("#test").css("top", e.clientY + 10 + "px");
}

现在，只需调用

mousemove

中的

update

函数即可

请参阅实时预览

如果还想在

iframe

上检测

mousemove

，请将

指针事件：none

添加到

iframe

样式中。测试

---

为您的问题添加更多信息。您想做什么？为iframe设置动画？动画与鼠标位置有什么关系？

iframe

与获取鼠标坐标有什么关系？我只想让iframe实时获取鼠标位置…为您的问题添加更多信息。您想做什么？为iframe设置动画？动画与鼠标位置有什么关系？

iframe

与获取鼠标坐标有什么关系？我只想让ifreame实时获取鼠标位置…@user1898399，单击查看全屏文档。很高兴我帮助了您。@user1898399，单击以查看全屏文档。我很高兴我帮助了你。