Örnek
Bir öğe bir damla hedefin üzerinde sürüklenen zaman bir JavaScript yürütün:
<div ondragover="myFunction(event)"></div> Kendin dene " Tanımı ve Kullanımı
ondragover sürüklenebilir bir eleman veya metin seçimi geçerli bir bırakma hedefinin üzerine sürüklenen zaman yangınları bağlıyor.
Varsayılan olarak veri / elemanlar diğer elemanların düştü edilemez. Bir damla olanak tanımak için, elemanın varsayılan işlenmesini önlemek gerekir. Bu arayarak yapılır event. preventDefault() event. preventDefault() yöntemi ondragover öznitelik.
Sürükle ve bırak HTML5'teki çok yaygın bir özelliktir. Eğer zaman olduğu "grab" bir nesneyi ve farklı bir konuma sürükleyin. Daha fazla bilgi için, bizim HTML Eğitimi bkz HTML5 sürükle ve bırak .
Not: Bir eleman sürüklenebilir hale küresel HTML5 kullanmak için draggable niteliği.
İpucu: Bağlantılar ve resimleri varsayılan olarak sürüklenebilir, ve gerek yoktur draggable niteliği.
Orada kullanılan birçok olay nitelikleri vardır ve bir sürükle ve bırak işleminin farklı aşamalarında ortaya çıkabilir:
- Sürüklenebilir hedefe ateş Olaylar (the source element) :
- ondragstart - yangınlar kullanıcı bir öğenin sürüklemeye başladığında
- ondrag - yangınları bir eleman sürüklenen edilirken
- ondragend - yangınları kullanıcı elemanı sürükleyerek tamamladığında
- Damla hedef üzerinde ateş Olaylar:
- ondragenter - yangınları sürüklenen eleman bırakma hedefi girer
- ondragover - yangınları sürüklenen eleman bırakma hedefinin bitti
- ondragleave - yangınları sürüklenen eleman bırakma hedefi bırakır
- ondrop - sürüklenen eleman damla hedefe bırakıldığında yangınlar
Not: Bir eleman sürüklerken, OnDragOver olay her 350 milisaniyede ateşler.
Tarayıcı Desteği
Tablodaki rakamlar tamamen destekleyen ilk tarayıcı sürümü belirtmek event niteliğini.
| Olay Özellik | |||||
|---|---|---|---|---|---|
| ondragover | 4.0 | 9.0 | 3.5 | 6 | 12.0 |
HTML 4.01 ve HTML5 Arasındaki Farklar
ondragover nitelik HTML5'teki yenidir.
Sözdizimi
< Özellik Değerleri değer Açıklama script komut OnDragOver üzerinde çalıştırılmak üzere
Teknik detaylar
Desteklenen HTML etiketleri: TÜM HTML öğeleri
İlgili Sayfalar
HTML Eğitimi: HTML5 sürükle ve bırak
HTML Referans: HTML sürüklenebilir Özellik
HTML DOM Referans: Olay OnDragOver