DataTransferItem: Methode getAsString()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Die Methode DataTransferItem.getAsString()
ruft die gegebene Rückruffunktion mit den String-Daten des Drag-Datenobjekts als Argument auf, wenn der kind
des Objekts eine einfache Unicode-Zeichenkette ist (d. h. kind
ist string
).
Syntax
js
getAsString(callbackFn)
Parameter
callbackFn
-
Eine Rückruffunktion, die folgende Argumente erhält:
data
-
Die String-Daten des
DataTransferItem
.
Rückgabewert
Keiner (undefined
).
Beispiele
Dieses Beispiel zeigt die Verwendung der Methode getAsString()
als Inline-Funktion in einem drop
-Ereignishandler.
js
function dropHandler(ev) {
console.log("Drop");
ev.preventDefault();
const data = ev.dataTransfer.items;
for (let i = 0; i < data.length; i += 1) {
if (data[i].kind === "string" && data[i].type.match("^text/plain")) {
// This item is the target node
data[i].getAsString((s) => {
ev.target.appendChild(document.getElementById(s));
});
} else if (data[i].kind === "string" && data[i].type.match("^text/html")) {
// Drag data item is HTML
console.log("… Drop: HTML");
} else if (
data[i].kind === "string" &&
data[i].type.match("^text/uri-list")
) {
// Drag data item is URI
console.log("… Drop: URI");
} else if (data[i].kind === "file" && data[i].type.match("^image/")) {
// Drag data item is an image file
const f = data[i].getAsFile();
console.log("… Drop: File");
}
}
}
Spezifikationen
Specification |
---|
HTML Standard # dom-datatransferitem-getasstring-dev |
Browser-Kompatibilität
BCD tables only load in the browser