事件调用<img src="abc.jpg" onclick="Mousedown(this)"/>
var move = false;
function Mousedown(obj) {
if (event.button == 1 &&
//如果要拖动其他元素,则要吧"IMG"改为其他元素名称,如"div"
event.srcElement.tagName.toUpperCase() == "IMG" &&
move != false) {
obj.setCapture();
move = true;
}
}
function Mouseup(obj) {
obj.releaseCapture();
move = false;
}
function Mousemove(obj) {
if (move == true) {
obj.style.left = event.clientX - 50;
obj.style.top = event.clientY - 10;
}
}
本文介绍了一种使用JavaScript实现图片拖动的方法。当鼠标点击图片时触发mousedown事件,通过设置对象捕获开始拖动;mousemove事件用于更新图片位置;mouseup事件结束拖动并释放对象捕获。此方案适用于网页中交互式图片应用。
4508

被折叠的 条评论
为什么被折叠?



