拖拽

div1.onmousedown = function(e){
    //var x = e.offsetX;    // 有些浏览器不支持offsetX和Y
    //var y = e.offsetY;
    var x = e.clientX - div1.offsetLeft;//推荐使用这种写法获取offsetX和Y
    var y = e.clientY - div1.offsetTop;
    
    document.onmousemove = function(e){
        div1.style.left = e.clientX-x+"px";        // 23行的clientX与27行的clientX是同一个数据吗?
        div1.style.top = e.clientY-y+"px";
    }
    
    document.onmouseup = function(){
        document.onmousemove = null;
    }
    
    return false;    // div中的文字不允许选中
}

 

posted @ 2018-04-21 17:37  悔创阿里-杰克马  阅读(124)  评论(0)    收藏  举报
求投食~(点图即可)