HTML ondragend Olay Özelliği
Ö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>
Tanım ve Kullanım
Kullanıcı bir öğeyi veya metin seçimini sürüklemeyi bitirdiğinde ondragend niteliği etkinleşir.
Sürükle ve bırak, HTML5'te çok yaygın bir özelliktir. Bir nesneyi "yakaladığınız" ve onu farklı bir konuma sürüklediğiniz zamandır. Daha fazla bilgi için HTML5 Sürükle ve Bırak ile ilgili HTML Eğitimimize bakın .
Not: Bir öğeyi sürüklenebilir yapmak için global HTML5 sürüklenebilir özniteliğini kullanın.
İ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
- 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
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 |
Sözdizimi
<element ondragend="script">
Özellik Değerleri
| Value | Description |
|---|---|
| script | The script to be run on ondragend |
Teknik detaylar
| Desteklenen HTML etiketleri: | TÜM HTML öğeleri |
|---|
İlgili Sayfalar
HTML Eğitimi: HTML5 Sürükle ve Bırak
HTML Referansı: HTML sürüklenebilir Özellik
HTML DOM Referansı: ondragend Olayı
❮ HTML Olay Nitelikleri