zzzcsd
zzzcsd
采纳率19.8%
2016-04-06 01:42 阅读 1.4k

Javascript如何做一个拖动效果

1.拖动用哪个事件?dragstart还是mousemove?
2.修改div的哪个样式?top还是translate?

这两种方案,各有什么优劣,各用在什么场合比较好?

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

2条回答 默认 最新

  • showbo GoCityPass新加坡曼谷通票 2016-04-06 01:57

    translate有兼容性,肯定是top/left了
    同理dragstart也一样

    点赞 1 评论 复制链接分享
  • Dove88888888 Dove88888888 2016-04-08 12:21

    前几天刚写了一个,时间是用mouseup,mousedown,mousemove;修改div的top和left;
    具体是用一个变量来保存你鼠标焦点的x坐标与拖动的块的left值的差值,这样你的mousemove事件就可以用新的焦点x坐标减去这个差值,得到移动中的块
    的left值,就会不断的改变这个left值,就可以移动了,当你mouseup后,再锁定这个left就可以了。

    点赞 评论 复制链接分享

相关推荐