您的位置：首页 > 其它

捕获鼠标点击位置移动

2013-05-31 14:51 134 查看

<!DOCTYPE HTML>
<html dir="ltr" lang="zh-CN">
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
#info{width:100px;height: 100px;background-color: #ff0000;position: absolute;top: 0;left: 0;}
</style>
<script type="text/javascript">
window.onload=function(){
document.onclick=processClick;
}
function processClick(evt){
evt=evt || winodw.event;
var x=0;var y=0;
if(evt.pageX && evt.pageY){
x=evt.pageX;
y=evt.pageY;
}else if(evt.clientX){
var offsetX=0;var offsetY=0;
if(document.documentElement.scrollLeft){
offsetX=document.documentElement.scrollLeft;
offsetY=document.documentElement.scrollTop;
}else if(document.body){
offsetX=document.body.scrollLeft;
offsetY=document.body.scrollTop;
}
x=evt.clientX+offsetX;
y=evt.clientY+offsetY;
}
var style="left: "+x+"px;top: "+y+"px";
var box=document.getElementById("info");
box.setAttribute("style",style);
}
</script>
</head>
<body style="height:10000px;">
<div id="info"></div>
</body>
</html>

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

标签：

相关文章推荐

新的分享

章节导航

捕获鼠标点击 位置移动

捕获鼠标点击位置移动