最近我要在移動端實現一個長按拖動功能,發現一個庫 https://github.com/bevacqua/d... 非常好用,用起來也非常簡單:下面是一個可以運行的例子:在 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 這個源碼感覺寫得有點亂 改了好久不知道怎么和它結合起來...
移動端 javascript 實現長按拖動
aluckdog
2018-10-20 14:10:51