古剑奇谭2 按键失灵:javascript实现页面拖拽后，如何保存拖拽后的位子

来源：百度文库编辑：高考问答时间：2024/04/28 11:58:21

<html>
<body>
<script>
var move=false;

function StartDrag(obj) //定义准备拖拽的函数
{
if(event.button==1&&event.srcElement.tagName.toUpperCase()=="DIV")//判断事件发生地点防止无效拖拽
{
obj.setCapture(); //对当前对象的鼠标动作进行跟踪
obj.style.background="#999"; //改变颜色
move=true;
}
}

function Drag(obj) //定义拖拽函数
{
if(move)
{
var oldwin=obj.parentNode; //定义父对象
oldwin.style.left=event.clientX-50;//定义父对象目前位置
oldwin.style.top=event.clientY-10;
}

}

function StopDrag(obj) //定义停止拖拽函数
{
obj.style.background="#000"; //改变颜色
obj.releaseCapture(); //停止对当前对象的鼠标跟踪
move=false;
}

</script>
<style>
body{font-family:Verdana;font-size:11px;color:#333;}
#win1{[position:absolute;left:100;top:100;width:200px;height:150px;border:1px solid #000;}
.title{width:100%;background:#000;height:18px;color:#fff;cursor:hand;}
</style>

<script>
var move=false;
function StartDrag(obj)
{
if(event.button==1&&event.srcElement.tagName.toUpperCase()=="DIV")
{
obj.setCapture();
obj.style.background="#999";
move=true;
}
}

function Drag(obj)
{
if(move)
{
var oldwin=obj.parentNode;
oldwin.style.left=event.clientX-50;
oldwin.style.top=event.clientY-10;
}

}

function StopDrag(obj)
{
obj.style.background="#000";
obj.releaseCapture();
move=false;
}

</script>

<div id="win1">
<div class="title" onMousedown="StartDrag(this)" onMouseup="StopDrag(this)" onMousemove="Drag(this)" >窗口1</div>
This is a moveable window.<br>
Moreinfo in www.achome.cn .
</div>

</body>
</html>

试一下保存 scrollTop 的值，不知是否可行，没试过

ffffffffffffffffffffffffffffffffff

javascript实现页面拖拽后，如何保存拖拽后的位子如何实现页面不刷新ASP,JAVASCRIPT？如何利用javascript实现后退到前几个页面如何使用javascript实现在页面上的文本框中自动输入文字？？怎么用JavaScript实现按一个按钮然后跳转页面页面出现JavaScript错误如何处理 JavaScript如何知道上一个页面的地址? javascript如何取得页面传递参数如何使用javascript保存页面，包括图片？用JAVASCRIPT如何实现提交当前表单