javascript - 在可拖放的 UL/LI 中编辑输入

Question

我知道这是一个相当具体的问题，但我要解决...

我正在使用 Orangoo 的工具制作可排序列表。该表格工作正常。看他的例子: http://orangoo.com/AJS/examples/sortable_list.html

但是，如果我想添加输入或其他表单元素，我无法点击输入。鼠标将在那里停留一秒钟然后消失，因为 ondrag 事件处理正在接管。

我不想从 LI 中删除拖动事件，因为我确实想对输入元素重新排序。相反，我想要一种方法来保持焦点或在单击输入时忽略 ondrag 处理。我不知道如何覆盖 ondrag 事件。如果有人能够提供帮助，我将不胜感激!

Answer 1

当用户单击输入时，您需要停止为拖放触发事件。只需处理 mousedown 事件并使用 event.stopPropagation()。

例子:

document.getElementById("input1").onmousedown = (function(e) {
    e.stopPropagation();
});