位置:海鸟网 > IT > JavaScript >

JavaScript页面内拖拽原理分析

  将以上思路翻译成代码就可以实现拖拽的效果了。

  t代码

   HTML代码

演示代码

  缺点与待完善之处

  这个拖拽的例子还相当不完善,不过已经实现了拖拽最根本的核心。想到的待完善部分有下面几点:获得元素的x与y坐标的方法在本文里简化掉了;本文只让一个固定的元素具有了拖拽功能,灵活性太差;鼠标样式没有变换;快速的“乱甩拖拽”有一定概率出现问题。其中最后一个问题暂时不知道怎么解决,前面三个比较好办。