ondragend
Ta’rif va qo‘llanilishi
ondragend atributi foydalanuvchi element yoki belgilangan matnni sudrashni tugatganda ishga tushadi.
Drag and Drop haqida bilish uchun HTML5 Drag and Drop bo‘yicha HTML darsligimizni o‘qing.
Maslahat: Havolalar va rasmlarni standart holatda sudrash mumkin, ular uchun draggable atributi kerak emas.
Sudrab-tashlash (drag and drop) amalining turli bosqichlarida ishlatiladigan va yuz berishi mumkin bo‘lgan ko‘plab hodisa atributlari mavjud:
- Sudraladigan obyektda ishga tushadigan hodisalar (manba element):
ondragstart- foydalanuvchi elementni sudrashni boshlaganda ishga tushadiondrag- element sudralayotganda ishga tushadiondragend- foydalanuvchi elementni sudrashni tugatganda ishga tushadi
- Tashlash nishonida ishga tushadigan hodisalar:
ondragenter- sudralayotgan element tashlash nishoniga kirganda ishga tushadiondragover- sudralayotgan element tashlash nishoni ustida turganda ishga tushadiondragleave- sudralayotgan element tashlash nishonidan chiqqanda ishga tushadiondrop- sudralayotgan element tashlash nishoniga tashlanganda ishga tushadi
Qo‘llaniladigan elementlar
ondragend atributi hodisa atributlari tarkibiga kiradi va istalgan HTML elementida ishlatilishi mumkin.
| Elementlar | Hodisa |
|---|---|
| Barcha HTML elementlari | ondragend |
Misol
P misoli
Foydalanuvchi <p> elementini sudrashni tugatganda JavaScript kodini bajaring:
<p draggable="true" ondragend="myFunction(event)">Drag me!</p>
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi raqamlar hodisa atributini to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Hodisa atributi | |||||
|---|---|---|---|---|---|
| ondragend | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!