如何在javascript中获取鼠标的位置坐标,然后再在body里面做一个文本框获取?

如何在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>

温馨提示:答案为网友推荐,仅供参考
第1个回答  2017-06-06
Js获取适时获取鼠标坐标值并显示请在此移动鼠标。