js鼠标拖拽事件

只记录left,top同理。
clientX:返回鼠标相对于浏览器的水平坐标;
offsetLeft:返回当前对象距离浏览器(父对象)的左侧距离;
offsetWidth:对象的可见宽度;
onmousemove:鼠标移动事件;

连接点是鼠标放在div上拖动时的位置(坐标)不会改变的,起名字为unchangX;

鼠标拖动事件是利用position:absolute绝对定位改变left和top,left的位置是通过clientX-unchangeX得到的。

js鼠标拖拽事件_第1张图片
无标题.png



    
    鼠标拖拽事件
    


    

你可能感兴趣的:(js鼠标拖拽事件)