canontuseChinese的博客

原创 如何用原生JS实现拖拽功能

目录预备知识鼠标事件mousedown,mousemove,mouseup；实现思路代码实现mousedown事件mousemove事件mouseup事件效果 预备知识 鼠标事件mousedown,mousemove,mouseup； 实现思路 1.当鼠标移入元素并且点击时，触发mousedown事件，让元素变为可移动状态； 2.当鼠标在移动时，触发mousemove先判断元素是否处于可移动状态，根据其状态决定该元素要不要移动； 3.当鼠标松开时，触发mouseup事件，使元素变为不可移动状态； 代码实现