相关疑难解决方法(0)

我正在开始开发一个webapp,我想尽可能多地使用HTML5.我的应用程序有一个大量使用拖放的界面,我的问题是,此时,是否建议使用html5本机拖放？或者像jquery ui那样使用另一个js库更好吗？

提前致谢

埃斯科瓦尔

当放入具有draggable ="true"的元素时,输入元素似乎失去了很多功能.这似乎只发生在Firefox中.

看我的jsfiddle:http: //jsfiddle.net/WC9Fe/3/

HTML:

<div id="drag" draggable="true">
    Drag this div <br />
    <input id="message" type="text" />
</div>
<div id="drop">
    Drop area
</div>

JS:

$('#drag').on('dragstart', function(e){
    e.originalEvent.dataTransfer.setData('Text', $('#message').val());
    e.originalEvent.dataTransfer.effectAllowed = 'move';
});

var drop = $('#drop');
drop.on('dragover', function(e){
    e.preventDefault();
});
drop.on('dragenter', function(e){
    e.preventDefault();
});
drop.on('drop', function(e){
    alert('Target succesfully dropped: ' + e.originalEvent.dataTransfer.getData('Text'));
    e.preventDefault();
});

现在尝试使用firefox在输入中选择文本.似乎不可能.在IE/Chrome中尝试相同的操作.似乎工作得很好.

2017年制作拖放构建器的最佳方法是什么？是的,之前已经问过这个问题,但那是5年前,我认为事情已经改变了？HTML5,jQuery UI还是现在还有其他选择吗？

一个更新的问题表单生成器从头开始 - HTML 5拖放,或JQuery UI可拖动,或什么？也没有得到答复.

任何帮助都会很棒!我已经开始兼顾两者了(我从来没有使用过HTML5或jQuery UI的Drag and Drop,所以我很难做出决定.)jQuery UI似乎更容易使用和理解,但也似乎非常错,很好至少在codepen中.