Css 使用3D Touch防止在较新的iPad上拖动图像和链接

我正在实现按住拖动网页的元素表

由于Android和iOS上的各种长按菜单以及跨浏览器触摸功能的差异，此功能非常困难

我有块项目，基本上是包含图像和链接的div标签。父块项需要可拖动

不幸的是，在较新的iPad上，safari允许您拖动任何网页上的任何图像或链接。这会弄乱我的拖放操作，因为它将开始拖动父块，然后块中的图像将分离出来并可以自己拖动

从其他堆栈溢出帖子中，建议使用以下CSS。我已经将其应用于所有子元素，包括链接和图像，但图像和链接仍然是分开的，可以在较新的iPad上自行拖动

如何防止在使用3D touch的较新iPad上长按拖放图像和链接

.drag-parent-wrapper * {
    @include user-select(none);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

这些都不管用。我已经验证了它递归地应用于所有仍然可以在较新的iPad上拖动的子img和链接元素

默认情况下，我无法阻止任何触摸或鼠标事件，或者我的功能在所有设备上都存在风险。

简单如下：

img draggable=“false”src=“image.png”alt=“image description”

发件人：

---

我一直在到处寻找解决此问题的方法！我正在用react dnd实现drag-n-drop，但我想不出任何方法来摆脱本机的拖放！谢谢：）我的拖放元素在其中说

draggable=“false”

看起来真的很奇怪，但它可以工作！