간단한 팝업 상자 드래그 닫기 이벤트

    
    
    



    

        
    
        
×
    
    

                            
    


    var Close=document.getElementById('close');
    Close.οnclick=function(){
      box.style.display='none';
    };

    box.οnmοusedοwn=function(e){
        var ev= e||event;
        var l=ev.clientX-box.offsetLeft;
        var t=ev.clientY-box.offsetTop;
        document.οnmοusemοve=function(e){
            var ev = e||event;
            var needLeft=ev.clientX-l;
            var needTop=ev.clientY-t;

            //       
            needLeft<0?needLeft=0:needLeft;

            //       
            needTop<0?needTop=0:needTop;

            //       

            var maxLeft=innerWidth-box.offsetWidth;

            needLeft>maxLeft?needLeft=maxLeft:needLeft;

            //       
            var maxTop=innerHeight-box.offsetHeight;
            needTop>maxTop?needTop=maxTop:needTop;

            box.style.left=needLeft+'px';
            box.style.top=needTop+'px';
        };
        document.οnmοuseup=function(){
            document.οnmοusemοve=document.οnmοuseup=null;
        };
    }