js-获取鼠标光标相对于整个页面的当前位置
2013-03-16 21:29
761 查看
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{margin:0;padding:0;}
</style>
</head>
<body>
<div id="test" style="background:red;width:100px;height:100px;">
</div>
<script type="text/javascript">
function getEvent(e) {
return e || window.event;
}
function getX(e) {
var e = getEvent(e);
//非IE，IE
return e.pageX || e.clientX + document.body.scrollLeft;
}
function getY(e) {
var e = getEvent(e);
//非IE，IE
return e.pageY || e.clientY + document.body.scrollRight;
}
var t = document.getElementById("test");
t.onmousedown = function(e) {
alert(getX(e));
}
</script>
</body>
</html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{margin:0;padding:0;}
</style>
</head>
<body>
<div id="test" style="background:red;width:100px;height:100px;">
</div>
<script type="text/javascript">
function getEvent(e) {
return e || window.event;
}
function getX(e) {
var e = getEvent(e);
//非IE，IE
return e.pageX || e.clientX + document.body.scrollLeft;
}
function getY(e) {
var e = getEvent(e);
//非IE，IE
return e.pageY || e.clientY + document.body.scrollRight;
}
var t = document.getElementById("test");
t.onmousedown = function(e) {
alert(getX(e));
}
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- js获取鼠标当前所在页面位置
- js获取鼠标相对于整个文档的位置
- [No000067]Js中获取当前页面的滚动条纵坐标位置scrollTop
- js计算鼠标当前相对于某个元素的位置
- 鼠标滑动显示不同页面的效果——————获取鼠标相对于整个页面的坐标
- 在页面中 js 获取光标/鼠标的坐标，获取光标的的像素坐标
- js获取鼠标点击事件的相对位置
- js实现获取鼠标当前的位置
- js获取页面的可视宽高度，占位宽高度，获取元素左上角相对页面左上角的位置，元素左上角相对可是区域的位置，元素是否存在于页面可视范围内
- js获取鼠标点击事件的相对位置
- 在页面中js获取光标/鼠标的坐标及光标的像素坐标
- js、jq获取当前鼠标位置
- 用 javascript 获取当页面上鼠标（光标）位置
- JS获取鼠标位置、当前元素所在位置
- 用 javascript 获取当页面上鼠标（光标）位置
- js 获取页面高度和宽度(兼容 ie firefox chrome),获取鼠标点击位置
- JS获取页面鼠标点击位置的坐标
- delphi 获取鼠标当前位置的相对坐标
- 用C语言在linux下获取鼠标光标的相对位置