<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
body{
height: 1000px;
}
#haha{
position: relative;
height: 300px;
width: 300px;
left: 500px;
top: 100px;
background: red;
}
#haha1{
position: relative;
height: 200px;
width: 200px;
left: 50px;
top: 50px;
background: blue;
}
</style>
</head>
<body>
<div id = "haha">
<div id = "haha1"></div>
</div>
</body>
</html>
<script type="text/javascript">
var haha1 = document.querySelector("#haha1");
document.onmousemove = function(event){
var e = event||window.event;
haha1.innerHTML = "screenX:" + e.screenX + "screenY:" + e.screenY+"<br/>";
haha1.innerHTML += "e.pageX:" + e.pageX + "e.pageY:" + e.pageY +"<br/>";
haha1.innerHTML += "clientX:" + e.clientX + "clientY:" + e.clientY+"<br/>";
haha1.innerHTML += "offsetX" + e.offsetX + "offsetY" + e.offsetY;
}
}
</script>
034--Hbuilder--js--获取鼠标位置
最新推荐文章于 2024-03-19 10:14:23 发布