28

我现在已经在几个地方看到了这个，但找不到太多关于它的信息：

-webkit-user-drag: element

这是 HTML5 拖放标准的一部分吗？这比使用属性版本更好/更差：

<div draggable="true">my draggable element</div>

编辑：我熟悉当前规范并使用可拖动属性，我不清楚的正是 CSS 属性 *-user-drag。

4

2 回答 2

29

这是一个特定于 Webkit 的属性。以下是WebKit 文档对此的说明：

使元素可拖动

WebKit 提供自动支持让用户拖动常见的项目，例如图像、链接和选定的文本。您可以扩展此支持以包含 HTML 页面上的特定元素。例如，您可以将特定的 div 或 span 标签标记为可拖动。

要将任意元素标记为可拖动，请将-webkit-user-drag属性添加到元素的样式定义中。因为-webkit-user-drag是级联样式表 (CSS) 属性，您可以将其作为样式定义的一部分，或作为元素标记上的内联样式属性。该属性的值列在表 4-1 中。

属性值-webkit-user-drag：

  • none：不允许拖动此元素。

  • element：允许拖动此元素。

  • auto：使用默认逻辑来确定是否应该拖动元素。（图像、链接和文本选择是唯一可以拖动的元素。）这是默认值。

所有使用 WebKit 渲染引擎的浏览器都支持它，因此 Chrome、Opera 的较新版本、Safari 等。使用 WebKit 的移动浏览器中的支持可能因移动操作系统而异。

于 2013-02-22T23:48:53.510 回答
3

简要概述：http ://www.html5rocks.com/en/tutorials/dnd/basics/

详细信息：http ://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html

演示：http ://html5demos.com/drag

于 2013-02-22T23:34:26.127 回答