sortable.js在移动端使用,无法拖拽是什么原因?

var el = document.getElementById('items');
var sortable = new Sortable(el,{
    sort: true,
    animation: 300,
});
<grid :cols="2" id="items">
    <grid-item v-for="(item,index) in yxData" :key="index">
        <div slot="label">
            {{item.data}}
        </div>
        <div slot="label">
            {{item.label}}
        </div>
    </grid-item>
</grid>

在chrome模拟器上可以拖拽,但在安卓浏览器上无法拖拽,并且长按出现 选择复制 菜单,请问解决方法。

阅读 2.5k
评论
    1 个回答

    sortable.js的实现利用的是HTML5的几个drag and drop接口,
    但都没有在移动端实现
    这是我查的dragstart接口:

    clipboard.png

    https://developer.mozilla.org...

    另外: PC端Chrome模拟毕竟还是在电脑上(交互方式的不同。一个是鼠标,一个是触摸)
    移动端的交互方式(触摸),决定了拖拽效果不可能在移动端实现。(至少,现在看不到有实现的可能)
      撰写回答

      登录后参与交流、获取后续更新提醒

      相似问题
      推荐文章