JS中DIV随鼠标移动的事件

最新推荐文章于 2023-02-19 23:59:02 发布

Azikou

最新推荐文章于 2023-02-19 23:59:02 发布

阅读量999

点赞数

本文链接：https://blog.csdn.net/u011909890/article/details/12121755

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Event</title>
<meta name="keyword" content=""/>
<meta name="description" content=""/>
<meta name="viewport" content="width=device-width"/>
<style type="text/css">
#div1{width: 110px;height: 110px;background-color: #ccc;position: absolute;left: 0}

</style>

</head>
<body>
	


<div id="div1">1</div>


<script type="text/javascript">
document.οnmοusemοve=function(ev){
      var scrollTop=document.documentElement.scrollTop||document.body.scrollTop       
var odiv=document.getElementById('div1');
var eEvent=ev||event;                    // ev能在IE6-7用。。event能在高级浏览器用  意为事件对象
  odiv.style.left=eEvent.clientX+'px'
  odiv.style.top=eEvent.clientY+scrollTop+'px'
  
  console.log(scrollTop)

}
</script>
</body>

</html>