点滴积累【JS】---JS小功能(onmousedown实现鼠标拖拽div移动)

思路:

利用onmousedown事件实现拖拽。首先获得鼠标横坐标点和纵坐标点到div的距离,然后当鼠标移动后再用可视区的距离减去横纵坐标与div的距离。然后在判断不让DIV移出可视区,然后再赋予DIV的位置。最后关闭鼠标onmouseup事件。




    
    
    

  
     

你可能感兴趣的:(点滴积累【JS】---JS小功能(onmousedown实现鼠标拖拽div移动))