HTML ondragenter Özelliği


Tanım ve Kullanım

ondragenter niteliği, sürüklenebilir bir öğe veya metin seçimi geçerli bir bırakma hedefi girdiğinde tetiklenir.

ondragenter ve ondragleave olayları, kullanıcının sürüklenebilir bir öğenin bir bırakma hedefine girmek veya çıkmak üzere olduğunu anlamasına yardımcı olabilir. Bu, örneğin, sürüklenebilir öğe bırakma hedefine girdiğinde bir arka plan rengi ayarlayarak ve öğe hedefin dışına taşındığında rengi kaldırarak yapılabilir.

Sürükle ve Bırak hakkında bilgi edinmek için HTML5 Sürükle ve Bırak ile ilgili HTML Eğitimimizi okuyun .

İpucu: Bağlantılar ve resimler varsayılan olarak sürüklenebilirdir ve sürüklenebilir özniteliğe ihtiyaç duymazlar.

Sürükle ve bırak işleminin farklı aşamalarında kullanılan ve meydana gelebilecek birçok olay özniteliği vardır:

  • Sürüklenebilir hedefe (kaynak öğe) ateşlenen olaylar :
    • ondragstart - kullanıcı bir öğeyi sürüklemeye başladığında tetiklenir
    • ondrag - bir öğe sürüklenirken tetiklenir
    • ondragend - kullanıcı öğeyi sürüklemeyi bitirdiğinde tetiklenir

  • Düşme hedefinde tetiklenen olaylar:
    • ondragenter - sürüklenen öğe bırakma hedefine girdiğinde tetiklenir
    • ondgover - sürüklenen öğe bırakma hedefinin üzerindeyken tetiklenir
    • ondragleave - sürüklenen öğe bırakma hedefinden ayrıldığında tetiklenir
    • ondrop - sürüklenen öğe bırakma hedefine bırakıldığında tetiklenir

Şunlar için geçerlidir:

ondragenter niteliği, Etkinlik Niteliklerinin bir parçasıdır ve herhangi bir HTML öğesinde kullanılabilir.

Elementler Etkinlik
Tüm HTML öğeleri ondragenter

Örnek

Div Örneği

Sürüklenebilir bir öğe bir bırakma hedefine girdiğinde bir JavaScript yürütün:

<div ondragenter="myFunction(event)"></div>

Tarayıcı Desteği

Tablodaki sayılar, olay özniteliğini tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Event Attribute
ondragenter 4.0 9.0 3.5 6.0 12.0