1. 编写脚本程序,实现当鼠标在超链接上移动时,显示鼠标 指针相对于链接的坐标。
时间: 2024-02-25 07:57:09 浏览: 34
好的,以下是一个实现鼠标在超链接上移动时显示鼠标指针相对于链接的坐标的 JavaScript 示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鼠标坐标示例</title>
<script>
function showCoordinates(event) {
var x = event.clientX - event.target.offsetLeft;
var y = event.clientY - event.target.offsetTop;
document.getElementById("coordinates").innerText = "X: " + x + ", Y: " + y;
}
</script>
</head>
<body>
<a href="#" onmousemove="showCoordinates(event)">这是一个超链接</a>
<div>鼠标指针相对于链接的坐标:<span id="coordinates"></span></div>
</body>
</html>
```
在这个示例中,我们使用了 `onmousemove` 事件来监听鼠标在超链接上的移动。当事件触发时,我们计算出相对于链接的鼠标坐标,并将它们显示在页面中。注意,我们使用了 `event.target.offsetLeft` 和 `event.target.offsetTop` 来获取链接的左上角坐标,以便计算相对坐标。