HTML ondragover Özelliği

Tanım ve Kullanım

Sürüklenebilir bir öğe veya metin seçimi geçerli bir bırakma hedefi üzerine sürüklenirken ondrgover özniteliği tetiklenir.

Varsayılan olarak, veriler/öğeler diğer öğelere bırakılamaz. Bir düşüşe izin vermek için, öğenin varsayılan olarak işlenmesini engellemeliyiz. Bu, ondragover özniteliği için event.preventDefault() yöntemi çağrılarak yapılır.

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

Not: Bir öğeyi sürüklerken, ondragover olayı her 350 milisaniyede bir tetiklenir.

Şunlar için geçerlidir:

ondgover özelliği, Event Attributes öğesinin bir parçasıdır ve herhangi bir HTML öğesinde kullanılabilir.

Örnek

Tarayıcı Desteği

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