ondragend
HTML ondragend hodisa atributi
Misol
Foydalanuvchi <p> elementini sudrashni tugatganda JavaScript kodini bajaring:
<p draggable="true" ondragend="myFunction(event)">Drag me!</p>
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
ondragend atributi foydalanuvchi element yoki belgilangan matnni sudrashni tugatganda ishga tushadi.
Drag and drop (sudrab tashlash) HTML5 da juda keng tarqalgan imkoniyatdir. Bunda siz obyektni "ushlab" olib, boshqa joyga sudrab o‘tkazasiz. Batafsil ma’lumot uchun HTML5 Drag and Drop bo‘yicha HTML darsligimizga qarang.
Eslatma: Elementni sudraladigan qilish uchun global HTML5 draggable atributidan foydalaning.
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
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi raqamlar hodisa atributini to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Hodisa atributi | |||||
|---|---|---|---|---|---|
| ondragend | 4.0 | 9 | 9 | 3.1 | 12 |
Sintaksis
<element ondragend="script">
Atribut qiymatlari
| Qiymat | Tavsif |
|---|---|
| script | ondragend hodisasida ishga tushiriladigan skript |
Texnik tafsilotlar
| Qo‘llab-quvvatlanadigan HTML teglari: | BARCHA HTML elementlari |
|---|
Tegishli sahifalar
HTML darsligi: HTML5 Drag and Drop
HTML ma’lumotnomasi: HTML draggable atributi
HTML DOM ma’lumotnomasi: ondragend hodisasi
❮ HTML hodisalar
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!