1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <p draggable="true">Esse parágrafo é arrastável.</p>
    <p draggable="false">Esse parágrafo não é arrastável.</p>
</body>
</html>

O atributo draggable é usado para poder definir se um determinado elemento é arrastável ou não. Por padrão imagens e links são arrastáveis, mas no caso do exemplo acima os parágrafos são arrastável mesmo se o atributo draggable estiver omitido e no caso do segundo parágrafo mesmo dando um draggable="false" o parágrafo continua sendo arrastádo, por que isso acontece? não era para o parágrafo não ser arrastádo?

10
  • Mas ele está draggble
    – hugocsl
    20/11/2019 às 22:31
  • Onde você esta rodando isso? 20/11/2019 às 22:50
  • @Diego Filipe Pedro Santos, No chrome!
    – user168020
    20/11/2019 às 22:58
  • O último está desativado, mas não desativa!
    – user168020
    20/11/2019 às 22:59
  • É exatamente este código que você ta tentando rodar por que nem no jsfiddle roda 20/11/2019 às 23:04

1 Resposta 1

1

Como te falei já está funcionando, acredito que vc tenha entendido o draggable do HTML de maneira equivocada, achando que ele funcionaria como o draggable do jQuery, só que não.

Repare nessa imagem um exemplo simples, e veja como com draggable="true/false" é possível sim determinar quais elementos podem ou não ser arrastados. E veja tb pq é interessante que alguns deles realmente sejam draggables, principalmente para quem tem um dispositivo sem teclado e só tem o mouse como recurso.

inserir a descrição da imagem aqui

<p draggable="true">Esse parágrafo é arrastável.</p>
<p draggable="false">Esse parágrafo não é arrastável.</p>

<img draggable="true" src="https://www.placecage.com/100/100">
<img draggable="false" src="https://www.placecage.com/100/100">

<a draggable="true" href="https://www.google.com">google</a>
<a draggable="false" href="https://www.google.com">google</a>

4
  • mas quando é selecionado o texto ele continua sendo arrastável o que fazer ?
    – user168020
    22/11/2019 às 2:18
  • @ledeveloper não sei mano... Se vc deu o atributo arrastavel para um elemento que nativamente não deveria ter, ai vc que decide. O que eu vejo, eh que não faz sentido vc ter um texto que seja arrastavel, já um link eh interessante. Essa eh a flexibilidade do html, vc pode dar uma característica que não eh nativa a um elemento, mas se eh correto ou não, ou se faz sentido ou não eh por sua conta
    – hugocsl
    22/11/2019 às 2:32
  • 1
    vlw man, pela atenção!
    – user168020
    22/11/2019 às 2:41
  • @ledeveloper talvez não fosse exatamente o que vc esperava do atributo, mas sendo nativo do html não seria nada muito "sofisticado"
    – hugocsl
    22/11/2019 às 11:21

Você deve fazer log-in para responder a esta pergunta.