Objekt event

event objekti hodisa ishlaganda yaratiladi va unga oid ma'lumotni o'z ichiga oladi. Hodisa paydo bo'lganda event objekti funksiya-operatorga uzatiladi.

Objekt eventning xususiyatlari va metodlari

Quyidagi jadvalda event objektining xususiyatlari va metodlari hamda ularning tavsifi keltirilgan:

Nomi	Tavsif
`event.currentTarget`	Hodisa ko'tarilish bosqichidagi joriy DOM element. Odatda bu xususiyat funksiyaning `this` ga teng bo'ladi.
`event.data`	Ixtiyoriy parametr. Bajariladigan operatorni biriktirishda hodisa metodiga uzatiladigan ma'lumotlar objekti.
`event.delegateTarget`	Yaqinda chaqirilgan jQuery hodisa operatori biriktirilgan element. Bu xususiyat hokimiyat berilgan hodisalarda eng foydali bo'lib, operator qayta ishlanayotgan elementning ajdodiga bog'langan bo'ladi. To'g'ridan-to'g'ri elementga bog'langan hokimiyat berilmagan operatorlar uchun, `event.delegateTarget` ning qiymati `event.currentTarget` ning qiymatiga to'g'ri keladi.
`event.isDefaultPrevented`	Metod ushbu hodisa objekti uchun `event.preventDefault` metodi chaqirilganligini tekshiradi.
`event.isImmediatePropagationStopped`	Metod ushbu hodisa objekti uchun `event.stopImmediatePropagation` metodi chaqirilganligini tekshiradi.
`event.isPropagationStopped`	Metod ushbu hodisa objekti uchun `event.stopPropagation` metodi chaqirilganligini tekshiradi.
`event.isPropagationStopped`	Metod ushbu hodisa objekti uchun `event.stopPropagation` metodi chaqirilganligini tekshiradi.
`event.metaKey`	Metod hodisa ishlaganda `META` tugmasi bosilganligini tekshiradi. Platformaga qarab tugma farq qilishi mumkin. `true` yoki `false` qiymatini qaytaradi.
`event.namespace`	Hodisa chaqirilgan paytdagi nomlar fazosi. Ushbu xususiyat plagin mualliflari uchun foydali bo'lib, ularning vazifalari foydalanilayotgan nomlar fazosiga bog'liq.
`event.pageX`	Sichqonchaning hujjatning chap chetiga nisbatan holatini ko'rsatadi.
`event.pageY`	Sichqonchaning hujjatning yuqori chetiga nisbatan holatini ko'rsatadi.
`event.preventDefault`	Agar ushbu metod chaqirilsa, hodisa uchun standart amal bajarilmaydi. Masalan, havolani bosish yangi URLga o'tishga olib kelmaydi. Ushbu metod chaqirilganligini tekshirish uchun, `event.isDefaultPrevented` metodidan foydalanish mumkin.
`event.relatedTarget`	Agar mavjud bo'lsa, hodisada qatnashadigan boshqa DOM elementni qaytaradi. `mouseout` uchun sichqoncha qaysi elementga qaratilganligini ko'rsatadi, `mouseover` uchun sichqoncha kursori qaysi elementdan olib tashlanganligini ko'rsatadi.
`event.result`	Ishlayotgan hodisa operatori tomonidan qaytarilgan, `undefined` ga teng bo'lmagan oxirgi qiymat. Xususiyat o'z hodisalari qiymatlarini olish uchun foydali bo'lishi mumkin.
`event.stopImmediatePropagation`	Element bilan bog'langan qolgan barcha hodisa operatorlarining ishlashini bekor qiladi va hodisaning DOM daraxti bo'ylab yuqoriga ko'tarilishining oldini oladi. Hodisaning ajdod elementlarigacha ko'tarilishini taqiqlash uchun, lekin boshqa hodisa operatorlarining ishlashiga ruxsat berish uchun, `event.stopPropagation` metodidan foydalanish mumkin. Ushbu hodisa objekti uchun `event.stopImmediatePropagation` chaqirilganligini tekshirish uchun `event.isImmediatePropagationStopped` metodidan foydalaning.
`event.stopPropagation`	Hodisaning DOM daraxti bo'ylab yuqoriga ko'tarilishining oldini oladi. Yodda tutingki, boshqa operatorlar ushbu element uchun ishlashda davom etadi. Ushbu metod `trigger` metodi yordamida chaqirilgan o'z hodisalari uchun ishlaydi. Ushbu metod chaqirilganligini tekshirish uchun, `event.isPropagationStopped` dan foydalaning.
`event.target`	Hodisani boshlagan DOM element. Bu hodisa uchun ro'yxatdan o'tgan element yoki uning avlodi bo'lishi mumkin. `event.target` va `this` ni solishtirish, hodisaning ko'tarilishini aniqlash uchun juda foydali. Xususiyat hodisa hokimiyat berilganda, hodisalar ko'tarilganda foydalidir.
`event.timeStamp`	Brauzer tomonidan hodisa yaratilgan payt va 1970 yil 1 Yanvar o'rtasidagi millisekundlardagi vaqt farqi. Xususiyat kod ichidagi ikkita vaqt nuqtasi uchun `event.timeStamp` qiymatlarining farqini olish orqali hodisa samaradorligini aniqlashda foydali bo'lishi mumkin. Agar siz hodisa operatori ichida joriy vaqtni olishni istasangiz, `getTime` metodidan foydalaning.
`event.type`	Ushbu xususiyatda hodisa turi ko'rsatilgan.
`event.which`	Ushbu xususiyat qaysi klaviatura yoki sichqoncha tugmasi bosilganligini ko'rsatadi. Sichqoncha uchun: `1` - chap tugma, `2` - g'ildirak, `3` - o'ng tugma. `event.button` o'rniga `event.which` dan foydalaning.

Objekt eventning boshqa xususiyatlari

event objektiga nusxalanadigan boshqa xususiyatlar ham mavjud:

altKey, button, buttons, cancelable, char, charCode, clientX, clientY, ctrlKey, detail, eventPhase, key, keyCode, offsetX, offsetY, originalTarget, screenX, screenY, shiftKey, toElement, view.

Yuqorida sanab o'tilmagan xususiyatlarga kirish uchun, event.originalEvent objekti yordamida foydalanish mumkin.

Misol

Keling, div ichida qaysi tugmalar bosilganligini chiqaramiz:

<input id="test" value="biror narsa yozing">
<div id="text"></div>

$('#test').on('keydown', function(event) {
	$('#text').html(event.type + ": " +  event.which);
});

Misol

Keling, div ichida qaysi tegga biz bosayotganimizni chiqaramiz:

<body>
	<div id="text"></div>
	<div>
		<p>
			<strong><span>bosing</span></strong>
		</p>
	</div>
</body>

span, strong, p {
	display: block;
	padding: 10px;
	border: 1px solid black;
}

$('body').click(function(event) {
	$('#text').html('bosildi: ' + event.target.nodeName);
});

Shuningdek qarang

metod on,
elementga hodisa operatorini bog'lash imkonini beradi
metod trigger,
elementga bog'langan barcha hodisa operatorlarini ishga tushirish imkonini beradi
metod triggerHandler,
elementga bog'langan barcha hodisa operatorlarini ishga tushirish imkonini beradi
jQuery hodisalari