Bir HTML öğesine veri sürükleme
Adobe AIR 1.0 ve üstü
Varsayılan davranış metnin yalnızca sayfanın düzenlenebilir bölgelerine sürüklenmesine izin verir. Öğenin açılış etiketine contenteditable niteliği eklenerek bir öğenin ve alt öğelerinin düzenlenebilir hale getirilebileceğini belirtebilirsiniz. Ayrıca, belge nesnesi designMode özelliğini "on" yaparak bir belgenin tamamını düzenlenebilir hale getirebilirsiniz.
Sürüklenen verileri kabul edebilen herhangi bir öğe için dragenter, dragover ve drop olaylarını işleyerek, bir sayfada alternatif içeri sürükleme davranışını destekleyebilirsiniz.
İçeri sürüklemeyi etkinleştirme
İçeri sürükleme hareketini işlemek için, öncelikle varsayılan davranışı iptal etmeniz gerekir. Bırakma hedefleri olarak kullanmak istediğiniz herhangi bir HTML öğesindeki dragenter ve dragover olaylarını dinleyin. Bu olayların işleyicilerinde, gönderilen olay nesnesinin preventDefault() yöntemini çağırın. Varsayılan davranışın iptal edilmesi sayesinde, düzenlenemeyen bölgeler de bırakma işlemi alabilir.
Bırakılan verileri alma
ondrop olayı için işleyicideki bırakılan verilere erişebilirsiniz:
function doDrop(event){
droppedText = event.dataTransfer.getData("text/plain");
}
Panoya verileri okumak için, okunacak veri biçiminin MIME türünü ileterek dataTransfer.getData() yöntemini kullanın. Hangi veri biçimlerinin kullanılabilir olduğunu, dataTransfer nesnesinin types özelliğini kullanarak bulabilirsiniz. types dizisi, kullanılabilir her biçimin MIME türü dizesini içerir.
dragenter veya dragover olaylarında varsayılan davranışı iptal etiğinizde, bırakılan tüm verileri belgede uygun yere koymaktan siz sorumlu olursunuz. Bir fare konumunu bir öğenin içindeki ekleme noktasına dönüştürebilecek API mevcut değildir. Bu sınırlama, ekleme türü sürükleme hareketlerinin uygulanmasını zorlaştırabilir.
