用js写鼠标移动时显示鼠标坐标的程序
时间: 2023-03-14 13:46:11 浏览: 63
可以用以下程序来实现:document.onmousemove = function(e) {
console.log("鼠标坐标:" + e.clientX + "," + e.clientY);
}
相关问题
写js程序,模拟鼠标移动到坐标(50,100)
可以使用以下代码模拟鼠标移动到坐标(50,100):
var event = new MouseEvent('mousemove', {
'view': window,
'bubbles': true,
'cancelable': true,
'screenX': 50,
'screenY': 100
});
var element = document.elementFromPoint(50, 100);
element.dispatchEvent(event);
前端鼠标指针移动到文字上显示坐标
您可以使用 JavaScript 监听鼠标移动事件,并获取鼠标相对于文本区域的坐标,然后将坐标信息更新到页面上。下面是一个简单示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鼠标移动显示坐标</title>
</head>
<body>
<p id="text">请将鼠标移动到我上面</p>
<p id="coords"></p>
<script>
var text = document.getElementById("text");
var coords = document.getElementById("coords");
text.addEventListener("mousemove", function(event) {
var x = event.clientX - text.offsetLeft;
var y = event.clientY - text.offsetTop;
coords.innerHTML = "坐标: (" + x + ", " + y + ")";
});
</script>
</body>
</html>
```
在上面的代码中,我们首先获取文本元素和坐标元素的引用,然后使用 `addEventListener()` 监听文本元素的 `mousemove` 事件。在事件处理函数中,我们计算鼠标相对于文本区域的坐标,并更新坐标元素的内容。