Drag and Drop

window.onload = init();

function init() { document.onmousemove = drag; document.onmouseup = dragstop; }

var dragobjekt = null; var dragx = 0; var dragy = 0; var posx = 0; var posy = 0;
function dragstart(element) { dragobjekt = element; dragx = posx - dragobjekt.offsetLeft; dragy = posy - dragobjekt.offsetTop; }
function dragstop() { dragobjekt=null; }
function drag(ereignis) { posx = document.all ? window.event.clientX : ereignis.pageX; posy = document.all ? window.event.clientY : ereignis.pageY; if(dragobjekt != null) { dragobjekt.style.left = (posx - dragx) + "px"; dragobjekt.style.top = (posy - dragy) + "px"; } }

<div onmousedown="dragstart(this)">Inhalt</div>

Zurück zur Web-Code-Lib