ondragover
HTML ondragover hodisa atributi
Misol
Element tashlash nishoni ustida sudralayotganda JavaScript kodini bajaring:
<div ondragover="myFunction(event)"></div>
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
ondragover atributi sudraladigan element yoki belgilangan matn yaroqli tashlash nishoni ustida sudralayotganda ishga tushadi.
Standart holatda ma’lumotlar/elementlarni boshqa elementlar ichiga tashlab bo‘lmaydi. Tashlashga ruxsat berish uchun elementning standart ishlov berilishini to‘xtatishimiz kerak. Bu ondragover atributi uchun event.preventDefault() metodini chaqirish orqali amalga oshiriladi.
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
Eslatma: Element sudralayotgan vaqtda ondragover hodisasi har 350 millisekundda ishga tushadi.
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi raqamlar hodisa atributini to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Hodisa atributi | |||||
|---|---|---|---|---|---|
| ondragover | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Sintaksis
<element ondragover="script">
Atribut qiymatlari
| Qiymat | Tavsif |
|---|---|
| script | ondragover 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: ondragover hodisasi
❮ HTML hodisalar
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!