禁用动画以拖放Chrome / Safari

时间:2015-08-25 13:56:30

标签: javascript google-chrome safari drag-and-drop

http://www.html5rocks.com/en/tutorials/dnd/basics/

在这里的示例中(滚动到底部并尝试最后一个示例),当您拖出元素并且不要将其放在任何位置时,它会回到默认位置并且有一个用于定位的动画到默认位置(Chrome / Safari)。我想禁用那个动画。

webkit是否有某种特殊属性,允许我这样做?

1 个答案:

答案 0 :(得分:0)

在这里找到了答案,对我来说很有效 https://stackoverflow.com/a/51697038/1770586

  

为了防止动画,您需要触发drop事件。为了触发drop事件,您需要在处理程序中调用preventDefault()进行拖动。

document.addEventListener('dragover', function(e) { e.preventDefault() })