javascript - HTML5拖拽之setDragImage特征检测

标签 javascript html dart

有没有办法对 HTML5 拖放(在 JavaScript 或 Dart 中)的 setDragImage 进行特征检测?

我使用以下内容(来自 guide to detecting everything)进行一般的 HTML5 拖放功能检测:

return 'draggable' in document.createElement('span');

对于 Chrome、Firefox 等和 ​​IE10,这将返回 true。对于 IE9,它将返回 false

现在,问题出在 IE10 上:虽然它支持大部分 HTML5 拖放操作,但不支持 setDragImage,我需要为 提供一个 polyfill >设置拖动图像。但我想不出一种方法来检测这一点。

最佳答案

此解决方案假定已经检查了一般 D&D 支持。

JavaScript(在 IE、Firefox、Opera 和 Chrome 中测试):

function test() {
    var testVar = window.DataTransfer || window.Clipboard;  // Clipboard is for Chrome
    if("setDragImage" in testVar.prototype) {
        window.alert("supported");
    } else {
        window.alert("not supported");
    }
}

Dart :

我没有找到使用“ native ”Dart 代码执行此操作的方法,所以 js-interop是要走的路。

关于javascript - HTML5拖拽之setDragImage特征检测,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16894049/

相关文章:

Flutter:flutter中有没有办法访问Gmail(邮箱)?

javascript - Dart 有类似 GruntJs 的东西吗?

javascript - 使用 Raphael.js 在图表中移动节点的动画

javascript - 在 React 钩子(Hook)中的另一个卸载 useEffect 中,状态的改变不会受到影响

javascript - 想要这个脚本的条件

html - 亚美尼亚字体在 font face css3 中不起作用

flutter - 无法在dart中的then函数中将值分配给外部函数变量

javascript - 如何隐藏滚动条直到需要它们然后在不需要时删除

javascript - 单击链接时如何复制网页的这一部分?

javascript - 在 Firefox OS 上创建原生 UI 的推荐方法是什么?