Dra data ut från ett HTML-element

Adobe AIR 1.0 och senare

Standardbeteendet tillåter att det mesta innehållet på en HTML-sida kopieras genom släppning. Du kan kontrollera vilket innehåll som tillåts att dras med hjälp av CSS-egenskaperna -webkit-user-select och -webkit-user-drag.

Åsidosätt standardbeteendet för utdragning i hanteraren för händelsen dragstart. Anropa metoden setData() för egenskapen dataTransfer för händelseobjektet om du vill placera egna data i dragningsgesten.

Om du vill ange vilken dragningsgest som ett källobjekt stöder när du inte använder dig av standardbeteendet, ställer du in egenskapen dataTransfer.effectAllowed för händelseobjektet som skickas till händelsen dragstart. Du kan välja valfri kombination av effekter. Om ett källelement stöder både effekten copy och link ställer du in egenskapen på "copyLink".

Ställa in data som har dragits

Lägg till data för dragningsgesten i hanteraren för händelsen dragstart med egenskapen dataTransfer. Använd metoden dataTransfer.setData() om du vill placera data i Urklipp, och skicka MIME-typen och data som ska överföras.

Om du till exempel har ett bildelement i programmet, med ID imageOfGeorge, använder du följande dragstart-händelsehanterare. Det här exemplet lägger till representationer av en bild på George i flera dataformat, som ökar chanserna för att andra program ska kunna använda de data som dras.

function dragStartHandler(event){         
    event.dataTransfer.effectAllowed = "copy"; 
     
    var dragImage = document.getElementById("imageOfGeorge"); 
    var dragFile = new air.File(dragImage.src); 
    event.dataTransfer.setData("text/plain","A picture of George"); 
    event.dataTransfer.setData("image/x-vnd.adobe.air.bitmap", dragImage); 
    event.dataTransfer.setData("application/x-vnd.adobe.air.file-list", 
                                new Array(dragFile)); 
}
Obs! När du anropar metoden setData() för objektet dataTransfer läggs inga data till med standardbeteendet för dra och släpp.