获取鼠标现阶段位置的js
日期：2014-05-16 浏览次数：20366 次
获取鼠标当前位置的js
获取鼠标坐标的js，来源http://www.cnblogs.com/5201314/archive/2009/05/21/1486034.html
兼容火狐，ie，chrome
如果以上还不够，那么试试这个，需要jquery支持
获取鼠标坐标的js，来源http://www.cnblogs.com/5201314/archive/2009/05/21/1486034.html
兼容火狐，ie，chrome
<!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" />
</head>
<body>
<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;
}
document.onmousemove = mouseMove;
</script>
X:<input id="xxx" type="text" /> Y:<input id="yyy" type="text" />
</body>
</html>
如果以上还不够，那么试试这个，需要jquery支持
<%@ page language="java" pageEncoding="utf-8"%>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'hightlight.jsp' starting page</title>
<style type="text/css">
.highlight {background-color: #FFFF88; }
</style>
<script type="text/javascript">
function chHere(mouseOverId){
var X = $("#"+mouseOverId).offset().top;
var Y = $("#"+mouseOverId).offset().left;
alert(X+":"+Y);
}
</script>
</head>
<body>
<span id="mySpan" onclick="chHere('mySpan')" style="margin-left:50px;">这里</span>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
