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 tetiklenirondrag
- bir eleman sürüklenirken tetiklenirondragend
- kullanıcı öğeyi sürüklemeyi bitirdiğinde tetiklenir
- Düşme hedefinde tetiklenen olaylar:
ondragenter
- sürüklenen öğe bırakma hedefine girdiğinde tetiklenirondragover
- sürüklenen öğe bırakma hedefinin üzerindeyken tetiklenirondragleave
- sürüklenen öğe bırakma hedefinden ayrıldığında tetiklenirondrop
- sürüklenen öğe bırakma hedefine bırakıldığında tetiklenir
Not: Bir öğeyi sürüklerken ondrag
olay her 350 milisaniyede bir tetiklenir.
Şunlar için geçerlidir:
Nitelik, Etkinlik Niteliklerinin bir ondrag
parç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 |