logo标签列表

HTML5拖放与jQuery UI拖放的比较

javascriptjqueryhtmljquery-uidrag-and-drop
7
什么是2017年制作拖放构建器的最佳方式？是使用HTML5，jQuery UI还是现在有其他选择？这个问题过去曾经被问过，但那是5年前的事情了，我认为情况已经改变了吧。最近的一个问题“Form Builder From Scratch - HTML 5 Drag and Drop, or JQuery UI Draggable, or What?”也没有得到答案。
任何帮助都将不胜感激！我已经开始尝试使用两者（我以前从未使用过HTML5或jQuery UI的拖放功能，所以很难做出决定），jQuery UI似乎更容易使用和理解，但在codepen中似乎也相当有bug。
2个回答
7
我们刚刚进行了一些关于ReactJs拖放的研究，但是说实话，我们感到有些沮丧。所以如果你正在寻找纯HTML5拖放，这是一个很棒的网站，可以向你展示你有多么困难：https://caniuse.com/#feat=dragndrop 截至目前为止，如果你使用纯HTML5 DND，你真的不能覆盖移动场景。
现在没有列出所有的边缘情况来使功能在不同浏览器中看起来相同。在Edge、Firefox和Chrome之间，一个添加一个图标来显示你正在拖动一个项目，一个复制元素时具有轻微的透明度，另一个则执行其他操作。无论如何，对齐这些设计（取决于你的设计团队有多么烦人）可能很容易（例如，只要拖放工作就行），也可能很难（例如，在我拖动时去掉图标）。
现在谈到JQuery，它已经存在一段时间了，但这并不意味着它没有缺点。因为它运行在JS层而不是浏览器本身，所以根据系统中发生的事情数量，它可能会感觉有些慢。此外，我注意到它在一些令人恼火的情况下开始拖动，比如当你尝试在Edge中滑动页面以滚动时。这也可能是我们自己编程不良造成的。
我认为最后我们只是使用了React Dnd和HTML5后端。似乎工作得很好，对于那些移动场景，我们只需要暴露相同功能的菜单选项，以不同的形式呈现。这最终有助于可访问性，因为通过键盘快捷方式解释所有的拖放操作略微烦人。
不确定是否有帮助，但如果我回忆起来（已经过去大约6个月），这就是情况简述。
2
我建议使用jQueryUI，并使用名为Touch Punch的小技巧，可以捕获移动设备（如屏幕上的ontouch）的事件。我更喜欢jQueryUI，因为它比HTML5更完整，而且相对容易使用。 链接： http://touchpunch.furf.com 祝好运并致以问候。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接