Question

JS 如何获取5秒后 鼠标的位置

Answer 1

settimeout()
5秒后触发获取鼠标的位置的方法

追问

function a(){
var ff = event.clientX
alert(ff)
}

function dd(){
setTimeout("a()", 1000)
}

不能获取到FF

追答

function mouseMove(ev) {
ev = ev || window.event;
var mousePos = mouseCoords(ev);
setTimeout(function() { alert("X:" + mousePos.x + "X:" + mousePos.y); }, 1000);
}
function mouseCoords(ev) {
if (ev.pageX || ev.pageY) {
return { x: ev.pageX, y: ev.pageY };
}
return {
x: ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y: ev.clientY + document.body.scrollTop - document.body.clientTop
};
}
document.onclick = mouseMove;

追问

试了，只能获取到 鼠标点击 处的坐标
我是希望 获取 到触发事件时 3秒后 鼠标的坐标

追答

function mouseMove(ev) {
ev = ev || window.event;
var mousePos = mouseCoords(ev);
alert("X:" + mousePos.x + "X:" + mousePos.y);
document.onmousemove = function() { };
}
function mouseCoords(ev) {
if (ev.pageX || ev.pageY) {
return { x: ev.pageX, y: ev.pageY };
}
return {
x: ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y: ev.clientY + document.body.scrollTop - document.body.clientTop
};
}

document.onclick = function() { setTimeout(function() { document.onmousemove = mouseMove;}, 1000); }

Answer 2

<script language="javascript" type="text/javascript">
function m(){
document.getElementById("area").innerHTML=event.clientX +" , "+event.clientY;
}
</script>
<p id="area" style="padding:90px;border:1px solid #ccc;font-size:36px;width:800px;height:600px;" onmousemove="m();"> </p>