DataTransfer.getData()

Il metodo DataTransfer.getData() recupera i dati del trascinamento  (come DOMString) per il data type specificato. Se l'operazione di trascinamento non include dati, questo metodo restituisce una stringa vuota.

Esempi di tipi di data types sono text/plain e text/uri-list.

Sintassi

DOMString dataTransfer.getData(format);

Argomenti

formato

Una DOMString rappresentante il  tipo di dato da recuperare.

Valore restituito

DOMString

Una DOMString rappresentante i dati trascinati per il formato specificato. Se l'operazione di trascinamento non ha dati o l'operazione non ha dati per il formato specificato, questo metodo restituisce una stringa vuota.

Esempio

Questo esempio mostra l'uso dell'oggetto DataTransfer e dei metodi getData() e setData() .

HTML

<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">
    <span id="drag" draggable="true" ondragstart="drag(event)">drag me to the other box</span>
</div>
<div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>

CSS

#div1, #div2 {
    width:100px;
    height:50px;
    padding:10px;
    border:1px solid #aaaaaa;
}

JavaScript

function allowDrop(allowdropevent) {
    allowdropevent.target.style.color = 'blue';
    allowdropevent.preventDefault();
}

function drag(dragevent) {
    dragevent.dataTransfer.setData("text", dragevent.target.id);
    dragevent.target.style.color = 'green';
}

function drop(dropevent) {
    dropevent.preventDefault();
    var data = dropevent.dataTransfer.getData("text");
    dropevent.target.appendChild(document.getElementById(data));
    document.getElementById("drag").style.color = 'black';
}

Result

Specifiche

Compatibilità dei browser

[1] in versioni di Firefox precedenti alla 49, questo metodo restituisce sempre una lista vuota se il tipo mime non è in una white list.

Vedere anche

• Drag and drop
• Drag Operations
• Recommended Drag Types
• Dragging and Dropping Multiple Items