首页用html编写脚本程序，实现当鼠标在超链接上移动时，显示鼠标指针相对于链接的坐标

用html编写脚本程序，实现当鼠标在超链接上移动时，显示鼠标指针相对于链接的坐标

时间: 2024-02-25 13:56:25 浏览: 69

可以使用 JavaScript 监听超链接的鼠标移动事件，并且获取鼠标在链接中的坐标位置，然后将这些信息显示在页面上。以下是一个简单的示例代码： ```html <!DOCTYPE html> <html> <head> <title>超链接鼠标移动坐标</title> <script type="text/javascript"> function showCoords(event) { var x = event.offsetX; var y = event.offsetY; document.getElementById("coords").innerHTML = "鼠标指针相对于链接的坐标：(" + x + ", " + y + ")"; } </script> </head> <body> <a href="#" onmousemove="showCoords(event)">移动鼠标到这里</a> <div id="coords"></div> </body> </html> ``` 在这个示例中，我们创建了一个超链接，并且在该链接上添加了 onmousemove 事件监听器。当鼠标移动到链接上时，JavaScript 函数 showCoords 会被调用，并且获取鼠标在链接中的坐标位置。然后，我们将该坐标信息显示在页面上的 div 元素中。注意：在这个示例中，我们使用了 event.offsetX 和 event.offsetY 属性来获取鼠标在链接中的坐标位置。这些属性在不同浏览器中的支持程度可能会有所不同，因此建议在实际开发中进行兼容性测试。

阅读全文