ondragenter

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 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):
  • 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

Qo‘llaniladigan elementlar

ondragenter atributi hodisa atributlari tarkibiga kiradi va istalgan HTML elementida ishlatilishi mumkin.

Misol

Brauzerlarda qo‘llab-quvvatlash

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