实现鼠标的拖拽效果 by johannes

最新推荐文章于 2022-12-07 19:33:14 发布

johannes

最新推荐文章于 2022-12-07 19:33:14 发布

阅读量700

点赞数

分类专栏：学习笔记文章标签： function border javascript div

本文链接：https://blog.csdn.net/johannes/article/details/1432636

版权

学习笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

保存本地运行即可。

<SCRIPT LANGUAGE="JavaScript">
<!--
function testOnmousedown(obj)
{
var clientx = event.clientX;
var clienty = event.clientY;
var stylex = obj.style.left;
var styley = obj.style.top;

var _x = parseInt(clientx) - parseInt(stylex);
var _y = parseInt(clienty) - parseInt(styley);

document.attachEvent("onmousemove",testMoveFs);
document.attachEvent("onmouseup",testOnmouseup);

function testMoveFs()
{

var stylewidth = obj.style.width;
var styleheight = obj.style.height;

obj.style.left = event.clientX - parseInt(_x);
obj.style.top = event.clientY - parseInt(_y);
}

function testOnmouseup()
{
document.detachEvent("onmousemove",testMoveFs);
document.detachEvent("onmouseup",testOnmouseup);
}
}

//-->
</SCRIPT>