Что такое свойство -webkit-user-drag css?

Я уже видел пару мест, но не могу найти много информации об этом:

-webkit-user-drag: element

Является ли эта часть стандарта для перетаскивания HTML5? Это лучше/хуже, чем использование версии атрибута:

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

Изменить: я знаком с текущей спецификацией и с помощью атрибута перетаскивания, что я неясен, это как раз свойство CSS * -user-drag.

Ответы

Ответ 1

Это свойство, специфичное для Webkit. Здесь документация WebKit говорит об этом:

Создание элемента Draggable

WebKit обеспечивает автоматическую поддержку, позволяющую пользователям перетаскивать общие элементы, такие как изображения, ссылки и выделенный текст. Вы можете расширить эту поддержку, включив в нее определенные элементы на странице HTML. Например, вы можете пометить тег div или span как перетаскиваемый.

Чтобы отметить произвольный элемент как перетаскиваемый, добавьте атрибут -webkit-user-drag в определение стиля элемента. Поскольку -webkit-user-drag - это атрибут каскадной таблицы стилей (CSS), вы можете включить его как часть определения стиля или как атрибут встроенного стиля в тег элемента. Значения для этого атрибута перечислены в таблице 4-1.

Значения атрибута -webkit-user-drag:

  • none: Не позволяйте этому элементу перетаскиваться.

  • element: этот элемент можно перетащить.

  • auto: используйте логику по умолчанию для определения того, должен ли элемент перетаскиваться. (Изображения, ссылки и выбор текста являются единственными элементами, которые можно перетаскивать.) Это значение по умолчанию.

Он поддерживается всеми браузерами с использованием механизма визуализации WebKit, поэтому Chrome, более новые версии Opera, Safari и т.д. Поддержка в мобильных браузерах с использованием WebKit может варьироваться в зависимости от мобильной ОС.