---
title: draggable
slug: Web/HTML/Global_attributes/draggable
tags:
  - Experimental
  - Global attributes
  - HTML
  - Reference
translation_of: Web/HTML/Global_attributes/draggable
---
<p>{{HTMLSidebar("Global_attributes")}} {{SeeCompatTable}}</p>

<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a><strong> draggable</strong> és un atribut enumerat que indica si l'element es pot arrossegar, mitjançant el {{domxref("HTML_Drag_and_Drop_API","HTML Drag and Drop API")}}. Pot tenir els següents valors:</p>

<ul>
 <li><span style="font-family: courier new;">true</span>, indica que l'element pot ser arrossegat</li>
 <li><span style="font-family: courier new;">false</span>, indica que l'element no pot ser arrossegat.</li>
</ul>

<p>Si aquest atribut no està establert, el valor predeterminat és <code>auto</code>, és a dir, el comportament ha de ser el definit per incompliment per part del navegador.</p>

<p>Aquest atribut és enumerat i no un booleà. Això vol dir que l'ús explícit d'un dels valors <code>true</code> o <code>false</code> és obligatori i que una forma abreujada com <code>&lt;label draggable&gt;</code> Exemple <code>Label&lt;/label&gt;</code> no està permès. L'ús correcte és <code>&lt;label draggable="true"&gt;</code> Exemple <code>Label&lt;/label&gt;</code>.</p>

<p>Per defecte, només seleccions de textes, imatges i enllaços es poden arrossegar. Per a tots els altres elements, l'esdeveniment <strong>{{domxref('GlobalEventHandlers.ondragstart','ondragstart')}}</strong> ha d'establir-se perquè funcioni el mecanisme d'arrossegar i deixar anar, com es mostra en aquest <a href="https://developer.mozilla.org/en-US/docs/DragDrop/Drag_Operations">exemple complet</a>.</p>

<h2 id="Especificacions">Especificacions</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Especificació</th>
   <th scope="col">Estat</th>
   <th scope="col">Comentari</th>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG', "interaction.html#the-draggable-attribute", "draggable")}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5.1', "editing.html#the-draggable-attribute", "draggable")}}</td>
   <td>{{Spec2('HTML5.1')}}</td>
   <td>Instantània de {{SpecName('HTML WHATWG')}}, definició inicial</td>
  </tr>
 </tbody>
</table>

<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>

<p>{{ CompatibilityTable() }}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Suport bàsic</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatGeckoDesktop("1.8.1") }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</th>
   <th>Android</th>
   <th>Chrome for Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Suport bàsic</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatGeckoMobile("1.8.1") }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="Veure">Veure</h2>

<ul>
 <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li>
</ul>