HTML5使用select拖放

时间:2014-05-17 00:45:03

标签: html5 drag-and-drop

我正在使用HTML5 Drag and Drop构建一个页面,我有很多可拖动的控件,我也想让一个选择控件可拖动,但是拖动不适合选择。

以下是一个例子:

<input id="ipt" type="text" draggable="true" /><select draggable="true" id="sel"><option>options</option></select>
<script type="text/javascript">
    document.getElementById('ipt').addEventListener('dragstart', function(e){
        e.dataTransfer.setData('text', this.id);
    }, true);
    document.getElementById('sel').addEventListener('dragstart', function(e){
        e.dataTransfer.setData('text', this.id);
    }, true);
</script>

在此示例中,您可以拖动输入字段,但不能拖动选择。是否可以选择拖动?

1 个答案:

答案 0 :(得分:0)

我找不到解决方案,我认为这是不可能的,所以我使用了jQuery拖放库。