MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/a3e7b5301fea

DataTransfer.getData()

Questa traduzione è incompleta. Collabora alla traduzione di questo articolo dall’originale in lingua inglese.

 

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/plaintext/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

Specifica Stato Commento
WHATWG HTML Living Standard
The definition of 'getData()' in that specification.
Living Standard  
HTML5.1
The definition of 'getData()' in that specification.
Working Draft definizione iniziale

Compatibilità dei browser

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 4 3.5 10 (10) [1] 12 3.1
Feature Android Android Webview Chrome for Android Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile
Basic support No support No support No support 10.0 (10)[1] No support 10 No support No support

[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

Tag del documento e collaboratori

 Hanno collaborato alla realizzazione di questa pagina: jwhitlock, Quinta
 Ultima modifica di: jwhitlock,