ondragenter
HTML ondragenter hodisa atributi
Misol
Sudraladigan element tashlash nishoniga kirganda JavaScript kodini bajaring:
<div ondragenter="myFunction(event)"></div>
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
ondragenter atributi sudraladigan element yoki belgilangan matn yaroqli tashlash nishoniga kirganda ishga tushadi.
ondragenter va ondragleave hodisalari foydalanuvchiga sudralayotgan element tashlash nishoniga kirish yoki undan chiqish arafasida ekanini tushunishga yordam beradi. Buni, masalan, sudralayotgan element tashlash nishoniga kirganda fon rangini o‘rnatib, element nishondan tashqariga chiqarilganda esa rangni olib tashlash orqali amalga oshirish mumkin.
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 | |||||
|---|---|---|---|---|---|
| ondragenter | 4 | 9 | 9 | 3.1 | 12 |
Sintaksis
<element ondragenter="script">
Atribut qiymatlari
| Qiymat | Tavsif |
|---|---|
| script | ondragenter 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: ondragenter hodisasi
❮ HTML hodisalar
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!