JavaScript拖拽图片一
本文演示如何将一张图片用鼠标拖拽到某个位置。
先看html代码：
function init() {window.document.onmousemove = mouseMove;window.document.onmouseup = mouseUp;window.document.ondragstart = mouseStop;}function mouseDown(e) {window.dragObj = e.currentTarget;if (window.dragObj !== null) {window.clickLeft = window.event.x - parseInt(dragObj.style.left);window.clickTop = window.event.y - parseInt(dragObj.style.top);window.dragObj.style.zIndex += 1;}}function mouseStop() {window.event.returnValue = false;}function mouseMove() {if (window.dragObj !== null ) {window.dragObj.style.left = window.event.x - window.clickLeft;window.dragObj.style.top = window.event.y - window.clickTop;}}function mouseUp() {window.dragObj = null;}主要就是mouseDown，mouseMove和mouseUp三个函数。
注意window.clickLeft和window.clickTop，它们是在点击图片的时候计算的，代表鼠标在图片里的位置（距离图片左上角的x和y值)。
它们用来保证在移动后鼠标仍然停留在图片的相对位置，通过将鼠标的位置减去这两个偏移值。