什么是 -webkit-user-drag CSS 属性?

33

我在几个地方都看到了这个,但找不到太多信息:

-webkit-user-drag: element

这是HTML5拖放标准的一部分吗?与使用属性版本相比,这种方法好还是不好?

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

编辑:我熟悉当前规范并使用可拖动属性,但我不清楚的是确切的CSS属性 *-user-drag。

2个回答

34
这是一个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的移动浏览器中的支持可能会因移动操作系统而异。


3
Chrome 18停止了支持吗? - nullability
3
@nullability:Chrome 33 看起来能够正常接受它。 - Blender
编辑以强调浏览器17版本之后可以很好地接受它。在撰写本文时,已在最新的Chrome中确认。 - Mathias Lykkegaard Lorenzen

2

我特别想了解-webkit-user-drag CSS属性,这在quirksmode文章中简要提到。我认为这对于旧版本的Safari是必要的... - Christopher Scott

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接