javascript - 如何使用 Javascript 取消 HTML5 拖放操作？

Question

我想根据某些条件取消 HTML5 拖动操作。我试图搜索这个但没有发现任何有用的东西。似乎没有办法取消使用 JavaScript 的 HTML5 拖放操作。 returning false 在 dragstart 似乎没有做任何事情。有什么想法吗？

Answer 1

您可以通过在事件处理程序中调用 event.preventDefault() 来取消它。例如，这应该有效:

<p id="p1" draggable="true" ondragstart="dragstart_handler(event);">This element is draggable.</p>

<script>
var enableDragDrop = true;
function dragstart_handler(ev) {
    if (!enableDragDrop) {
        ev.preventDefault();
    }
    console.log("dragStart");
}
</script>