DataTransferItem: kind-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since November 2016.
Die schreibgeschützte DataTransferItem.kind-Eigenschaft gibt die Art – ein String oder eine Datei – des DataTransferItem-Objekts zurück, das das Zugdaten-Element darstellt.
Wert
Ein String, der die Art des Zugdaten-Elements darstellt. Es muss einer der folgenden Werte sein:
Beispiele
Dieses Beispiel zeigt die Verwendung der kind-Eigenschaft.
js
function dropHandler(ev) { console.log("Drop"); ev.preventDefault(); for (const item of ev.dataTransfer.items) { if (item.kind === "string" && item.type.match("^text/plain")) { // This item is the target node item.getAsString((s) => { ev.target.appendChild(document.getElementById(s)); }); } else if (item.kind === "string" && item.type.match("^text/html")) { // Drag data item is HTML console.log("… Drop: HTML"); } else if (item.kind === "file" && item.type.match("^image/")) { // Drag data item is an image file const f = item.getAsFile(); console.log("… Drop: File"); } } } Spezifikationen
| Specification |
|---|
| HTML # dom-datatransferitem-kind-dev |