我希望每隔t毫秒定期跟踪鼠标光标的位置.基本上,当一个页面加载时 - 这个跟踪器应该开始,并且(例如)每100毫秒,我应该获得posX和posY的新值并在表单中打印出来.
我尝试了以下代码 - 但值不会刷新 - 只有posX和posY的初始值显示在表单框中.关于如何启动和运行的任何想法？
<html>
<head>
<title> Track Mouse </title>
<script type="text/javascript">
function mouse_position()
{
var e = window.event;
var posX = e.clientX;
var posY = e.clientY;
document.Form1.posx.value = posX;
document.Form1.posy.value = posY;
var t = setTimeout(mouse_position,100);
}
</script>
</head>
<body onload="mouse_position()">
<form name="Form1">
POSX: <input type="text" name="posx"><br>
POSY: <input type="text" name="posy"><br>
</form>
</body>
</html>
我经常使用Chrome网络调试器调试我的javascript代码.在元素选项卡中,将鼠标悬停在元素上会显示工具提示,其中包含一些信息,包括该元素的宽度和高度.
有时,我需要查看当前鼠标位置的页面坐标.但似乎调试器没有显示这种信息.
那么,有没有办法添加它？像扩展或可能有其他选择？
编辑
使用接受的答案,我可以添加以下书签,并具有我想要的正确:
javascript:document.onmousemove = function(e){var x = e.pageX;var y = e.pageY;e.target.title = "X is "+x+" and Y is "+y;};
我正在使用以下JavaScript跟踪鼠标移动:
var mouseX = 0;
var mouseY = 0;
document.onmousemove = function (e) {
mouseX = e.clientX;
mouseY = e.clientY;
}
我的问题是,如果自页面加载后鼠标尚未移动,则mouseX和mouseY值都等于0.如何在加载页面时以及移动鼠标时获取鼠标值？
没有jquery
基本上我正在寻找的是能够在倒计时结束时查看鼠标是否超过div
如果用户在div上,则执行该div的操作
onmouseover 只有当鼠标超过div的阈值时才会触发,如果鼠标没有移动则不会触发,因此无效
我需要确定鼠标当前是否在特定时间点的div上,如果它已经从起点移动了
我的所有狩猎都只找到了onmousover,如果鼠标恰好在那里开始的话,没有什么可看的
我没有javascript技能来确定div的整体坐标,然后映射鼠标坐标,看它是否适合那里...这是我认为我需要做的
如何检查光标是否位于某个元素上？我知道有一个事件onMouseOverand onMouseEnter，但是如果光标位于页面加载时的元素上，则该事件不会触发。
那么我如何检查光标是否位于某个元素上，可能是在 useEffect 函数中。