ondrop
Ta’rif va qo‘llanilishi
ondrop atributi sudraladigan element yoki belgilangan matn yaroqli tashlash nishoniga tashlanganda 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 tushadi
- ondrag - element sudralayotganda ishga tushadi
- ondragend - foydalanuvchi elementni sudrashni tugatganda ishga tushadi
- Tashlash nishonida ishga tushadigan hodisalar:
- ondragenter - sudralayotgan element tashlash nishoniga kirganda ishga tushadi
- ondragover - sudralayotgan element tashlash nishoni ustida turganda ishga tushadi
- ondragleave - sudralayotgan element tashlash nishonidan chiqqanda ishga tushadi
- ondrop - sudralayotgan element tashlash nishoniga tashlanganda ishga tushadi
Qo‘llaniladigan elementlar
ondrop atributi hodisa atributlari tarkibiga kiradi va istalgan HTML elementida ishlatilishi mumkin.
| Elementlar | Hodisa |
|---|---|
| Barcha HTML elementlari | ondrop |
Misol
Div misoli
Sudraladigan element <div> elementiga tashlanganda JavaScript kodini bajaring:
<div ondrop="myFunction(event)"></div>
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 | |||||
|---|---|---|---|---|---|
| ondrop | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!