Javascript Firefox中标签的拖放问题

我有以下标记

<li id="task-3" class="form-group task" draggable="true">
    <div class="input-group">
        <span class="input-group-addon"><input class="task__checked" type="checkbox" id="task-input-3"></span>
        <label class="form-control task__content" for="task-input-3">content....</label>
        <span class="input-group-addon task__delete">
            <button type="button" class="close" aria-hidden="true">×</button>
        </span>
    </div>
</li>

内容。。。。
×

我需要拖放这些元素。我使用的D'n'D的实现在Chrome中正常工作，但在FF中不会触发拖动事件。几个小时后，我终于明白了加价的原因，特别是在标签上

标签与复选框绑定，它们不进行拖放操作，而是尝试选中复选框。如果我尝试在标签中拖动文本，元素将被拖动，但是如果我尝试在标签中的文本外部拖动，它将不起作用

这在FF中有效

<li id="task-3" class="form-group task" draggable="true">
    <div class="input-group">
        <span class="input-group-addon"><input class="task__checked" type="checkbox" id="task-input-3"></span>
        <span class="form-control task__content" for="task-input-3">content....</span>
        <span class="input-group-addon task__delete">
            <button type="button" class="close" aria-hidden="true">×</button>
        </span>
    </div>
</li>

内容。。。。
×

---

短路版本。它不替换元素，但显示伪拖拽元素

一切都适合我（Fx）。你的Firefox版本是什么？@Xufox FF 36，Mac OS。现在我明白你的意思了，试着在标签文本附近拖动。请在您的问题中插入您的屏幕截图。@Xufox我添加了简短版本以排除Firefox问题中错误工作脚本的版本：