HTML 요소로부터 데이터 드래그

dataTransfer 속성을 사용하여 dragstart 이벤트의 핸들러에 드래그 동작에 대한 데이터를 추가합니다. dataTransfer.setData() 메서드를 사용하여 데이터를 클립보드에 놓고 전송할 MIME 유형 및 데이터를 전달합니다.

예를 들어 응용 프로그램 id가 imageOfGeorge인 이미지 요소가 있는 경우 다음과 같은 dragstart 이벤트 핸들러를 사용할 수 있습니다. 이 예에서는 여러 가지 데이터 포맷의 George의 사진을 추가하며, 이는 다른 응용 프로그램에서 드래그된 데이터를 사용할 수 있는 가능성을 증가시킵니다.

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)); 
}