|
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.
|
|
|
