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

本文讲述了一个JS超级简单的鼠标拖动效果的例子。分享给大家参考，如下：

这里用尽可能短的JavaScript代码写一个JS拖拽，函数本身就是287个字符。如果不考虑兼容性和变量封装，可以更短。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-s-drug-demo/

具体代码如下：

在title/title body iv id=' demo ' style=' width :100 px中写一个尽可能短的JS拖拽；高度：100 px；位置：绝对；背景-color : silver；'/divscriptfunction可拖动(id){var d=document，o=d.getElementById(id)，s=o.style，x，y，p=' onmousemoveo . onmousedown=function(e){ e=e | | event；x=e . clientx-o . offsetleft；y=e . clienty-o . offset top；d[p]=函数(e){ e=e | | event；s . left=e . ClientX-x ' px '；s . top=e . Clienty-y ' px ' }；d . onmouseup=function(){ d[p]=null } } }可拖动(' demo ')；/script希望本文描述的内容对JavaScript编程有所帮助。