ondrag
Ta’rif va qo‘llanilishi
ondrag atributi element yoki belgilangan matn sudralayotganda 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
Eslatma: Element sudralayotgan vaqtda ondrag hodisasi har 350 millisekundda ishga tushadi.
Qo‘llaniladigan elementlar
ondrag atributi hodisa atributlari tarkibiga kiradi va istalgan HTML elementida ishlatilishi mumkin.
| Elementlar | Hodisa |
|---|---|
| Barcha HTML elementlari | ondrag |
Misol
P misoli
<p> elementi sudralayotganda JavaScript kodini bajaring:
<p draggable="true" ondrag="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 | |||||
|---|---|---|---|---|---|
| ondrag | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!