JS实现超简单的鼠标拖动效果

合集下载

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

JS实现超简单的⿏标拖动效果
本⽂实例讲述了JS实现超简单的⿏标拖动效果。

分享给⼤家供⼤家参考，具体如下：
这⾥使⽤尽可能短的JavaScript代码写⼀个JS拖动，函数本⾝287个字符。

如果不是考虑兼容性和变量封装，还可以更短点。

运⾏效果截图如下：
在线演⽰地址如下：
具体代码如下：
<title>尽可能短的写⼀个JS拖动</title>
<body>
<div id="demo" style="width:100px; height:100px; position:absolute; background-color:silver;"></div>
<script>
function dragable(id){var d=document,o=d.getElementById(id),s=o.style,x,y,p='onmousemove';o.onmousedown=function(e){e=e||event;x=e.clientX-o.offsetLeft;y=e.clientY-o.offsetTop;d[p]=function(e){e=e||event;s.left=e.clientX-x+'px';s.top=e.clientY-y+'px'};d.on dragable("demo");
</script>
希望本⽂所述对⼤家JavaScript程序设计有所帮助。