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

标签 javascript

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

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

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

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

最佳答案

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

例子:

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

关于javascript - 在可拖放的 UL/LI 中编辑输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8449808/

相关文章:

javascript - 从数组获取列表中项目的索引

javascript - AngularJS - 如何刷新cacheFactory中的数据

javascript - 闭包究竟如何记住它的词法范围?

javascript - Web API 在 JSON 调用上返回 XML

javascript - 我正在尝试将 Javascript 函数值存入 Mysql 数据库

javascript - 用于表单验证的 Rails Way + 无提交按钮

javascript - 通过带有输入字段的嵌套 ul/li 结构进行过滤,如果输入为空,则重置为原始状态

javascript - 如何使用 React.js 编辑元素的文本?

javascript - 如何在不按回车按钮或提交按钮的情况下输入时获取搜索结果?

javascript - 快速 route 的动态路径