如何实现拖动图片

Question

页面中有N张图片，需要鼠标左键按住图片时图片会跟随鼠标移动，当鼠标左键松掉时，图片就会移动到指定位置上。如何实现？

Answer 1

绑定鼠标的onmousedown,onmousemove,onmouseup这三个事件就行了，根据event.clientX和event.clientY来获取坐标，然后设置图片position为absolute，再拖动的同时设置图片的left和top就行了。