<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试</title>
</head>
<body >
<div id="div1" style="width: 100px; height: 100px; position: absolute;"></div>
<script>
window.onload=function(){
var oDiv=document.getElementById('div1');
document.onmousemove=function(ev){
var oEvent=ev||event;
var scrollTop=document.documentElement.scrollTop||document.body.scrollTop; //解决chrome下scrollTop兼容性问题
var scrollLeft=document.documentElement.scrollLeft||document.body.scrollLeft;
oDiv.style.top=oEvent.clientY+scrollTop+'px'; //clientX与scrollTop一般要同时使用
oDiv.style.left=oEvent.clientX+scrollLeft+'px';
}
}
</script>
</body>
</html>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步