使用 Modernizr 检测拖放（不是文件拖放）

【问题标题】：Detecting drag and drop with Modernizr (not file drag and drop)使用 Modernizr 检测拖放（不是文件拖放）
【发布时间】：2016-05-03 12:55:26
【问题描述】：

我花了很长时间寻找这个问题的答案，要么找到了过时的答案，要么找到了与文件拖放相关的答案。

我只想检查用户的浏览器是否支持 HTML5 拖放。此刻线...

if (!Modernizr.draganddrop) {
   // non-HTML5 alternative drag and drop code here
}

...对于我模拟的任何 IE 版本返回 true。为什么 Modernizr 认为 IE 根本不支持拖放？我读到IE9以后确实...

我应该检查浏览器版本吗？

任何帮助，非常感谢。

【问题讨论】：

【解决方案1】：

只需使用 javascript 而不是 Modernizr：

function dragAndDropSupported () {
    return 'draggable' in document.createElement('span');
}

检查是否 dragAndDropSupported() === true

【讨论】：

感谢您的回答！只是一个问题：这看起来像是在页面某处创建了一个流氓跨度；然后我需要删除它吗？
这在某些情况下不起作用，例如 iOS Safari。
（对不起，不管什么原因，刚刚回到这个回复） createElement 通常存储在一个变量中并附加到 DOM 中。在这种情况下，它没有被存储，所以它只是一个临时引用，所以不需要删除任何东西。