获取鼠标在屏幕上的位置

时间:2021-03-31 10:23:49

获取鼠标位置的一段代码,粘贴为html文件,即可查看演示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 
	<meta name="auther" content="fq" /> 
	<title>获取鼠标坐标</title> 
	<script type="text/javascript"> 
	function mousePosition(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 
		}; 
	} 

	function mouseMove(ev){ 
		ev = ev || window.event; 
		var mousePos = mousePosition(ev); 
		document.getElementById('xxx').value = mousePos.x; 
		document.getElementById('yyy').value = mousePos.y; 
	} 
	/*onmousemove事件委托在document对象上,调用mouseMove函数*/
	document.onmousemove = mouseMove; 
	</script> 
</head> 
<body> 
	X:<input id="xxx" type="text" /> Y:<input id="yyy" type="text" /> 
</body> 
</html>