Tanımı ve Kullanımı
ondragenter sürüklenebilir bir eleman veya metin seçimi geçerli bir bırakma hedefi girdiğinde yangınları bağlıyor.
ondragenter ve ondragleave olaylar kullanıcı bir sürüklenebilir eleman girebilir veya bir bırakma hedefi bırakmak üzere olduğunu anlamak için yardımcı olabilir. Bu sürüklenebilir eleman bırakma hedefi giren bir arka plan rengini ayarlamak ve eleman hedefin dışına taşındığında renk kaldırarak, örneğin, yapılabilir.
Sürükle ve bırak hakkında bilgi edinmek için HTML kodumuzu Eğitimi okumak HTML5 sürükle ve bırak .
İ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:
- Ateş Olaylar draggable hedefin (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
Geçerli
ondragenter nitelik parçasıdır Olay Özellikler ve herhangi bir HTML elemanlarında kullanılabilir.
Elementler | Olay |
---|---|
Tüm HTML öğeleri | ondragenter |
Örnek
Div Örnek
Bir sürüklenebilir eleman bir bırakma hedefi girdiğinde bir JavaScript yürütün:
<div ondragenter="myFunction(event)"></div>
Kendin dene " Tarayıcı Desteği
Tablodaki rakamlar tamamen destekleyen ilk tarayıcı sürümü belirtmek event niteliğini.
Olay Özellik | |||||
---|---|---|---|---|---|
ondragenter | 4.0 | 9.0 | 3.5 | 6 | 12.0 |