PC端，平移DIV的方案

最新推荐文章于 2024-11-21 11:25:59 发布

原创最新推荐文章于 2024-11-21 11:25:59 发布 · 342 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#模块移动 #平移模块 #DIV移动

javascript 专栏收录该内容

59 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现网页元素鼠标拖拽功能的方法。通过mousedown、mousemove和mouseup等事件监听，可以使得指定的HTML元素能够被用户用鼠标拖动到页面的任意位置。文章详细解释了每一步操作及其实现细节。


drag = 0;
move = 0;
function mousedown()
{
	if(drag)
	{
		X1 = window.event.x - parseInt(dragimages.style.left);
		Y1 = window.event.y - parseInt(dragimages.style.top);
		dragimages.style.Index += 1;
		move = 1;
	}
}
function mouseStop()
{
	window.event.returnValue = false;
}
function mousemove()
{
	if (move)
	{
		dragimages.style.left = window.event.x - X1;
		dragimages.style.top = window.event.y - Y1;
	}
}
function mouseup()
{
	move = 0;
}
function remove()
{
	document.all.div1.onmousemove = mousemove;
	document.all.div1.onmousedown = mousedown;
	document.all.div1.onmouseup = mouseup;
	document.all.div1.ondragstart  = mouseStop;
}