ondragstart
Ta’rif va qo‘llanilishi
ondragstart atributi foydalanuvchi element yoki belgilangan matnni sudrashni boshlaganda 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):
- 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
ondragstart atributi hodisa atributlari tarkibiga kiradi va istalgan HTML elementida ishlatilishi mumkin.
| Elementlar | Hodisa |
|---|---|
| Barcha HTML elementlari | ondragstart |
Misol
P misoli
Foydalanuvchi <p> elementini sudrashni boshlaganda JavaScript kodini bajaring:
<p draggable="true" ondragstart="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 | |||||
|---|---|---|---|---|---|
| ondragstart | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!