同步拖拽

<!--拖拽页面代码-->

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#div{ 200px;height: 200px;background: red;position: absolute;left: 0;top: 0;}
</style>
<script type="text/javascript">
window.onload=function () {
var oDiv=document.getElementById("div");
window.onstorage=function () {
var json=JSON.parse(localStorage.dragmessage);
oDiv.style.left=json.left+'px';
oDiv.style.top=json.top+'px';
}
}
</script>
</head>
<body>
<div id="div">

</div>
</body>
</html>
<!--跟随页面-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#div{ 200px;height: 200px;background: red;position: absolute;left: 0;top: 0;}
</style>
<script type="text/javascript">
window.onload=function () {
var oDiv=document.getElementById("div");
window.onstorage=function () {
var json=JSON.parse(localStorage.dragmessage);
oDiv.style.left=json.left+'px';
oDiv.style.top=json.top+'px';
}
}
</script>
</head>
<body>
<div id="div">

</div>
</body>
</html>


原文地址:https://www.cnblogs.com/guoyong-feng/p/6200575.html