HTML ondragend Özelliği


Tanım ve Kullanım

Nitelik ondragend, kullanıcı bir öğeyi veya metin seçimini sürüklemeyi bitirdiğinde tetiklenir.

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 draggableö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 eleman 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
    • ondragover - 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:

Nitelik, Etkinlik Niteliklerinin bir ondragendparçasıdır ve herhangi bir HTML öğesinde kullanılabilir.

Elementler Etkinlik
Tüm HTML öğeleri ondragend

Örnek

P Örnek

Kullanıcı bir <p> öğesini sürüklemeyi bitirdiğinde bir JavaScript yürütün:

<p draggable="true" ondragend="myFunction(event)">Drag me!</p>

Tarayıcı Desteği

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

Event Attribute
ondragend 4.0 9.0 3.5 6.0 12.0