Node.js는 이미지의 마우스 드래그를 구현하며 IE/FF Firefox/Google_javascript 기술과 같은 주류 브라우저와 호환됩니다.

PreventDefault는 브라우저의 기본 이벤트 작업이 발생하는 것을 방지하는 데 사용됩니다.

코드 복사 코드는 다음과 같습니다.

< ;script 언어="javascript" type="text/javascript">
var isDrag = false;
function isIE(){
if(navigator.userAgent.indexOf( "MSIE")>0 ){return true;}
else{return false;}
}
function addListener(element,e,fn){
if(isIE()){element .attachEvent("on" e ,fn);}
else{element.addEventListener(e,fn,false);}
}
function drag(e){
var e = e | | window.event;
var element = e.srcElement || e.target;
if(e.preventDefault)e.preventDefault()
else e.returnvalue=false; true;
var relLeft = e.clientX -parseInt(element.style.left);
var relTop = e.clientY -parseInt(element.style.top)
element.onmouseup = function() { isDrag = false; }
document.onmousemove = function(e_move){
var e_move = e_move || window.event;
if(isDrag){
element.style.left=e_move. clientX - relLeft "px";
element.style.top=e_move.clientY - relTop "px"
return false
}
}
}
window.onload = function()
{
var element = document.getElementById("elimg");
var element2 = document.getElementById("eldiv")
addListener(element,"mousedown",drag) ;
addListener(element2 ,"mousedown",drag)