HTML5 拖放与 Chrome 应用程序（打包）兼容吗？答案

【问题标题】：Is HTML5 drag and drop compatible with Chrome Apps (packaged)?HTML5 拖放与 Chrome 应用程序（打包）兼容吗？
【发布时间】：2015-08-26 00:15:39
【问题描述】：

我尝试过传统方法，它在 Chrome 中可以作为网页使用，但当我将页面用作打包应用时则不行。

我只是出于测试目的从 W3 中做这个示例，因为它非常简单。 http://www.w3schools.com/html/html5_draganddrop.asp

【问题讨论】：

【解决方案1】：

Chrome Android 不支持此功能，请参阅 caniuse：http://caniuse.com/#search=drag

【讨论】：

【解决方案2】：

我可以通过使用元素上的 -webkit-user-drag CSS 属性（在我的例子中是图像）来实现这一点。这允许在应用程序窗口本身中进行拖动。

img {
-webkit-user-drag: auto;
}

然后我为所有其他 javascript 函数（Chrome 应用程序中不允许内联 javascript）放置事件侦听器，这些函数可以在描述中的 w3 链接中看到。

现在拖放操作就像在常规网页上一样。

【讨论】：