ti-enxame.com

O que é a propriedade -webkit-user-drag css?

Eu já vi isso em alguns lugares agora, mas não consigo encontrar muita informação sobre isso:

-webkit-user-drag: element

Isso faz parte do padrão para arrastar e soltar HTML5? Isso é melhor/pior do que usar a versão do atributo:

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

Edit: Eu estou familiarizado com a especificação atual e usando o atributo arrastável, o que eu não sei é exatamente a propriedade CSS * -user-drag.

20
Christopher Scott

É uma propriedade específica do Webkit. Aqui está o que a documentação do WebKit diz sobre isso:

Tornando um elemento arrastável

O WebKit fornece suporte automático para permitir que os usuários arrastem itens comuns, como imagens, links e texto selecionado. Você pode estender esse suporte para incluir elementos específicos em uma página HTML. Por exemplo, você pode marcar uma tag div ou span específica como arrastável.

Para marcar um elemento arbitrário como arrastável, adicione o -webkit-user-drag atribui à definição de estilo do elemento. Porque -webkit-user-drag é um atributo de folha de estilo em cascata (CSS), você pode incluí-lo como parte de uma definição de estilo ou como um atributo de estilo embutido na tag do elemento. Os valores para este atributo estão listados na Tabela 4-1.

Valores para -webkit-user-drag atributo:

  • none: não permita que este elemento seja arrastado.

  • element: permite que este elemento seja arrastado.

  • auto: use a lógica padrão para determinar se o elemento deve ser arrastado. (Imagens, links e seleções de texto são os únicos elementos que podem ser arrastados.) Esse é o valor padrão.

É suportado por todos os navegadores que usam o mecanismo de renderização WebKit, portanto, Chrome, versões mais recentes do Opera, Safari etc. O suporte a navegadores móveis que usam o WebKit pode variar dependendo do sistema operacional móvel.

21
Blender
2
tim.baker