【问题标题】:What is the -webkit-user-drag css property?-webkit-user-drag css 属性是什么?
【发布时间】:2013-02-08 16:48:22
【问题描述】:

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

-webkit-user-drag: element

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

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

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

【问题讨论】:

    标签: css html drag-and-drop


    【解决方案1】:

    这是一个特定于 Webkit 的属性。以下是the WebKit documentation 对此的评价:

    使元素可拖动

    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 是否停止支持?
    • @nullability: Chrome 33 似乎接受它就好了。
    • 已编辑以强调 17 之后的浏览器可以接受它。在撰写本文时已在最新的 Chrome 中确认。
    【解决方案2】:

    【讨论】:

    • 我特别想知道 -webkit-user-drag css 属性,它在 quirksmode 文章中简要提到过。我认为旧版本的 Safari 有必要...
    猜你喜欢
    • 2013-06-14
    • 2011-03-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-06-22
    相关资源
    最近更新 更多