JS获得鼠标位置（兼容多浏览器ie,firefox）

原创于 2009-10-31 18:57:23 发布 · 103 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#浏览器 #IE #Firefox #XHTML #脚本

JavaScript 专栏收录该内容

46 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于跨浏览器获取鼠标的当前位置。该函数通过监听鼠标移动事件并使用兼容的方法来确定鼠标坐标，适用于IE和Firefox等浏览器。

<!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" /> 
<title>JS获得鼠标位置（兼容多浏览器ie,firefox）脚本之家修正版</title> 
</head> 

<body> 

<script> 
function mouseMove(ev) {
	var mousePos = mouseCoords(ev);
	// alert(ev.pageX);
	document.getElementById("xxx").value = mousePos.x;
	document.getElementById("yyy").value = mousePos.y;
}

function mouseCoords(ev) {
	ev = ev || window.event;
	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.onmousemove = mouseMove; 
</script> 
鼠标 X 轴: 
<input id=xxx type=text> 

鼠标 Y 轴: 
<input id=yyy type=text> 
</body>

http://www.jb51.net/article/16638.htm