您的位置：首页 > Web前端 > JavaScript

javascript获取鼠标点击位置的兼容写法

2015-11-30 11:20 579 查看

javascript获取鼠标点击位置的兼容写法

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>获取鼠标点击位置</title>
<script>
　　　　　　　　//考虑浏览器滚动条
function getMousePos(event) {
var e = event || window.event;
var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
var scrollY = document.documentElement.scrollTop || document.body.scrollTop;

var x = e.pageX || e.clientX + scrollX;
var y = e.pageX || e.clientY + scrollY;

return {
'x': x,
'y': y
};
}
function mouseMove(event){
var e = event || window.event;
var mosePos = getMousePos(event);
document.getElementById("txtX").value = mosePos.x;
document.getElementById("txtY").value = mosePos.y;
}
　　　　　　　　　　//鼠标按下时的坐标
document.onmousedown = mouseMove;

</script>
</head>
<body>
x:<input type="text" id="txtX">
y:<input type="text" id="txtY">
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript 获取鼠标点击位置考虑浏览器滚动条

相关文章推荐

新的分享

章节导航