在前端开发的过程中，我们经常需要使用拖拽功能，而移动端浏览器的拖拽支持不如桌面浏览器完备。这时候我们可以使用一个叫做 dnd-touch-polyfill 的 npm 包来解决这个问题。
什么是 dnd-touch-polyfill？
dnd-touch-polyfill 是一个支持移动端的拖拽 polyfill，使用它可以让在移动端上的拖拽操作更加流畅和易用。
如何使用 dnd-touch-polyfill？
安装
首先我们需要使用 npm 进行安装，打开终端并输入以下命令：
npm install --save dnd-touch-polyfill
引入
在要使用 dnd-touch-polyfill 的页面中引入它：
<script src="node_modules/dnd-touch-polyfill/lib/index.min.js"></script>
使用
在需要使用拖拽的元素上添加 draggable 属性：
<div draggable="true">我可以被拖拽</div>
同时在 JavaScript 中实例化 dnd-touch-polyfill：
const dndTouchPolyfill = new DndTouchPolyfill();
示例代码
-- -------------------- ---- -------
---- ----------------------
------- ----------------------------------------------------------------
--------
----- ---- - --------------------------------
-------------- - -----
----- ---------------- - --- -------------------
---------------------------------- --------------- -
---------------------------------------- ------ ---------
---
---------结论
dnd-touch-polyfill 包可以帮助我们在移动端上实现更加流畅和易用的拖拽操作，使用它可以大幅提升用户体验。同时，dnd-touch-polyfill 还支持多项高级功能，比如触摸滚动、选中和取消选中等操作，可以根据实际需要进行配置。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055bd181e8991b448d9705