html5 - 移动端 javascript 实现长按拖动
黄舟
黄舟 2017-04-11 12:38:09
[JavaScript讨论组]

最近我要在移动端实现一个长按拖动功能,发现一个库 https://github.com/bevacqua/d... 非常好用,用起来也非常简单:

下面是一个可以运行的例子:




    
    
    Document
    
    


    

在 pc 上可以用鼠标按住然后拖动交换 box1 和 box2 的位置,在移动端可以轻按然后拖动交换位置。。这个离满足的需求已经非常非常接近了。但是问题来了:
我不想轻按拖动,而是长按拖动 因为这明显在移动端是更加合适的交互,也是产品需求...

然后我就看了一下dragula的源码 发现这一行: https://github.com/bevacqua/d...

var touch = {
    mouseup: 'touchend',
    mousedown: 'touchstart',
    mousemove: 'touchmove'
  };

https://github.com/bevacqua/d... 大概就是在这里把鼠标事件替换为触摸事件的。

然后我想把它改成长按,把 touchustart 改成类似于 hammer.js 里面那种 panstart, 或者像这种自定义一下:https://segmentfault.com/a/11... 但是...dragula 这个源码感觉写得有点乱 改了好久不知道怎么和它结合起来...

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(1)
PHPz

最后用了这个 https://github.com/RubaXa/Sor... 很完美,5分钟搞定。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号