HTML ondrag hodisa atributi

❮ HTML hodisalar

Ta’rif va qo‘llanilishi

ondrag atributi element yoki belgilangan matn sudralayotganda 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

Eslatma: Element sudralayotganda ondrag hodisasi har 350 millisekundda ishga tushadi.

Brauzerlarda qo‘llab-quvvatlash

Jadvaldagi raqamlar hodisa atributini to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.

Sintaksis

Atribut qiymatlari

Texnik tafsilotlar

Tegishli sahifalar

HTML darsligi: HTML5 Drag and Drop

HTML ma’lumotnomasi: HTML draggable atributi

HTML DOM ma’lumotnomasi: ondrag hodisasi