如何在javascript中获取鼠标的位置坐标,然后再在body里面做一个文本框获取?就是当鼠标移动到网页里面的时候文本框就现实鼠标位置坐标。
附上代码:
<!DOCTYPE html>
<html>
<head>
<script>
function mousePosition(evt){
evt = evt || window.event;
var xPos = evt.pageX || evt.clientX || evt.offsetX || evt.x;
var yPos = evt.pageY || evt.clientY || evt.offsetY || evt.y;
return [xPos, yPos];
}
function moveWindow (e) {
document.onmousemove = function(e){
result.innerHTML = mousePosition(e);
};
}
onload = moveWindow;
</script>
</head>
<body>
<div id="result">
<!-- 展示结果 -->
</div>
</body>
</html>