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

Chr*_*ott 19 css html5 drag-and-drop

我现在已经看过几个这样的地方,但是找不到很多关于它的信息:

-webkit-user-drag: element
Run Code Online (Sandbox Code Playgroud)

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

<div draggable="true">my draggable element</div>
Run Code Online (Sandbox Code Playgroud)

编辑:我熟悉当前的规范并使用draggable属性,我不清楚的是CSS属性*-user-drag.

Ble*_*der 21

它是一个特定于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的移动浏览器支持可能因移动操作系统而异.

  • Chrome 18中是否停止了支持? (3认同)
  • @nullability:Chrome 33似乎接受它就好了. (3认同)