HTML ondrag Özelliği


Tanım ve Kullanım

ondragÖznitelik, bir öğe veya metin seçimi sürüklenirken 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

Not: Bir öğeyi sürüklerken ondragolay her 350 milisaniyede bir tetiklenir.


Şunlar için geçerlidir:

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

Elementler Etkinlik
Tüm HTML öğeleri ondrag

Örnek

P Örnek

Bir <p> öğesi sürüklenirken bir JavaScript yürütün:

<p draggable="true" ondrag="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
ondrag 4.0 9.0 3.5 6.0 12.0