前端实现页面元素拖拽

来源:互联网 发布:imagex 系统还原软件 编辑:程序博客网 时间:2024/06/03 18:49

要实现拖拽的效果,有两种实现方式:

    插件:Resizable | jQuery UI或者jquery-resizable-columns

    原生:文章-怎么用 javascript 实现拖拽

            

  • mousedown:记录鼠标当前坐标
  • mousemove:对比当前坐标与mousedown的坐标
  • div宽
    width : div.height + mousedownX - mousemoveX
    heigth : div.height + mousedownY - mousemoveY
  • mouseup之前重复前面的计算
  • mouseup后停止执行mousemove事件

  • 0 0
    原创粉丝点击