获取窗口位置信息

最新推荐文章于 2024-07-24 03:42:19 发布

咩有猫腻.

最新推荐文章于 2024-07-24 03:42:19 发布

阅读量493

点赞数

分类专栏： demo 前端后端demo

本文链接：https://blog.csdn.net/DcTbnk/article/details/106532061

版权

前端后端demo 同时被 2 个专栏收录

33 篇文章 0 订阅

订阅专栏

demo

15 篇文章 0 订阅

订阅专栏

<style>
			*{margin:0;
				padding:0;}
			#box{
				width:200px;
				height:200px;
				background:#f0f;
				position:absolute;
				left:0;top:0;
			}
		</style>
	</head>
	<body>
		<div id="box"></div>
	</body>
	<script src="../cookie.js"></script>
	 <script>
		 
		var obox = document.querySelector("#box");
		if(getCookie("top")){
			obox.style.left = getCookie("left");
			obox.style.top = getCookie("top");
		}
		obox.onmousedown=function(eve){
			var downE=eve||window.event;
			document.onmousemove=function(eve){
				var e=eve||window.event;
				
				obox.style.left = e.pageX - downE.offsetX + "px";
				obox.style.top = e.pageY - downE.offsetY + "px";
			}
			document.onmouseup=function(){
				// console.log(obox.style.left)
				document.onmousemove=null;
				document.onmouseup=null;
				setCookie("left",obox.style.left);
				setCookie("top",obox.style.top);
				// obox.style.left = getCookie("left");
				// obox.style.top = getCookie("top");
			};
		}
		
		// setCookie("name","zhangsa")
	</script>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

咩有猫腻.

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
获取窗口位置信息

<style> *{margin:0; padding:0;} #box{ width:200px; height:200px; background:#f0f; position:absolute; left:0;top:0; } </style> </head> <body> <div id="box"></div> </body> &lt
复制链接

扫一扫