Объект event

event объекти вокеа юз бериши билан яратилади ва унга оид маълумотларни ўз ичига олади. Вокеа пайдо бўлганида event объекти функция-ишловчига ўтказилади.

event объектининг хусусиятлари ва усуллари

Қуйидаги жадвалда event объектининг хусусият ва усуллари ва уларнинг тавсифи кўрсатилган:

Номи	Тавсиф
`event.currentTarget`	Вокеа кўтарилиш боскичидаги жорий DOM элемент. Одатда бу хусусият функциядаги `this`га тенг.
`event.data`	Ихтиёрий параметр. Ижро этилувчи ишловчини бириктиришда вокеа усулига ўтказиладиган маълумотлар объекти.
`event.delegateTarget`	Янгигина чақирилган jQuery вокеа ишловчиси билан богланган элемент. Бу хусусият вокеа делегациясида энг фойдали бўлиб, ишловчи ишлов бериладиган элементнинг отасига богланган бўлади. Тўғридан-тўғри элементга богланган делегацияланмаган ишловчилар учун `event.delegateTarget` қиймати `event.currentTarget` қийматига мос келади.
`event.isDefaultPrevented`	Усул `event.preventDefault` усули бу вокеа объекти учун чақирилганми-йўқмини текширади.
`event.isImmediatePropagationStopped`	Усул `event.stopImmediatePropagation` усули бу вокеа объекти учун чақирилганми-йўқмини текширади.
`event.isPropagationStopped`	Усул `event.stopPropagation` усули бу вокеа объекти учун чақирилганми-йўқмини текширади.
`event.isPropagationStopped`	Усул `event.stopPropagation` усули бу вокеа объекти учун чақирилганми-йўқмини текширади.
`event.metaKey`	Усул вокеа юз берган пайтда `META` тугмаси босилганми-йўқмини текширади. Платформага қараб тугма фарқ қилиши мумкин. `true` ёки `false` қайтаради.
`event.namespace`	Вокеа чақирилган пайтда кўрсатилган номлар фазоси. Ушбу хусусият плагин муаллифлари учун фойдали бўлиши мумкин, уларнинг вазифалари фойдаланилаётган номлар фазосига боглиқ.
`event.pageX`	Сичқончанинг ҳужжатнинг чап чегарасига нисбатан joylashuvini кўрсатади.
`event.pageY`	Сичқончанинг ҳужжатнинг юқори чегарасига нисбатан joylashuvini кўрсатади.
`event.preventDefault`	Агар бу усул чақирилган бўлса, у ҳолда беркитилган вокеа учун сунгги амал бажарилмайди. Масалан havola-ни босish янги URL-га ўтишга olib kelmaydi. Бу усул чақирилганми-йўқмини текшириш учун `event.isDefaultPrevented` усулидан фойдаланиш мумкин.
`event.relatedTarget`	Вокеада иштирок этаётган бошқа DOM элементни қайтаради, агар у мавжуд бўлса. `mouseout` учун сичқонча қайси элементга yoʻnaltirilganлигини кўрсатади, `mouseover` учун сичқонча курсири қайси элементдан олинганлигини кўрсатади.
`event.result`	`undefined`га тенг бўлмаган, amalga oshirilgan вокеа ишловчиси томонидан қайтарилган охирги қиймат. Хусусият ўз вокеаларининг қийматларини олиш учун фойдали бўлиши мумкин.
`event.stopImmediatePropagation`	Элемент билан богланган қолган барча вокеа ишловчиларининг ишини бекор қилади ва вокеани DOM дарахти бўйича юқорига кўтарилишини oldini олади. Вокеани ота-бобо элементларига кўтарилишини фақат таъқивлаш учун, лекин бошқа вокеа ишловчиларининг ишини рухсат бериш учун `event.stopPropagation` усулидан фойдаланиш мумкин. `event.stopImmediatePropagation` чақирилганми-йўқмини текшириш учун `event.isImmediatePropagationStopped` усулидан фойдаланинг.
`event.stopPropagation`	Вокеани DOM дарахти бўйича юқорига кўтарилишини oldini олади. Бошқа ишловчилар ушбу элемент учун ишлашни давом эттиришини эсланг. Бу усул `trigger` усули ёрдамида чақирилган ўз вокеалари учун ишлайди. Бу усул чақирилганми-йўқмини текшириш учун `event.isPropagationStopped` дан фойдаланинг.
`event.target`	Вокеани бошлаган DOM элемент. Бу вокеа учун рўйхатдан ўтган элемент ёки унинг набираси бўлиши мумкин. `event.target` ва `this` ни солиштириш, вокеа кўтарилишини аниқлаш учун жуда фойдали. Хусусият вокеа делегациясида фойдали бўлиб, вокеалар кўтарилганда.
`event.timeStamp`	Браузер томонидан вокеа яратилган вақт лаҳзаси ва 1970 йил 1 Yanvar ortasidagi миллисониялардаги вақт фарки. Хусусият кодда икки вақт лаҳзаси учун `event.timeStamp` қийматларининг фарқини олиш орқали вокеа самарадорлигини аниқлашда фойдали бўлиши мумкин. Агар сиз вокеа ишловчиси ичида жорий вақтни олишни истасангиз, `getTime` усулидан фойдаланинг.
`event.type`	Ушбу хусусиятда вокеа тури кўрсатилган.
`event.which`	Ушбу хусусият клавиатура ёки сичқончанинг қайси тугмаси босилганини кўрсатади. Сичқонча учун: `1` - чап тугма, `2` - гулдурак, `3` - ўнг тугма. `event.button` ўрнига `event.which` дан фойдаланинг.

event объектининг бошқа хусусиятлари

Яна бошқа хусусиятлар ҳам мавжуд бўлиб, улар event объектига нусха олинади:

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

Юқорида келтирилмаган хусусиятларга кириш учун, event.originalEvent объектидан фойдаланиш мумкин.

Мисол

Кeling, дивга қайси тугмалар босилганини чиқарамиз:

<input id="test" value="type something">
<div id="text"></div>

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

Мисол

Кeling, дивга биз қайси тегга босганимизни чиқарамиз:

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

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

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

Шунингдек қаранг

on усули,
у элементга вокеа ишловчисини боглаш имконини беради
trigger усули,
у элементга богланган барча вокеа ишловчиларини белгиланган турдаги вокеалар учун ишга тушириш имконини беради
triggerHandler усули,
у элементга богланган барча вокеа ишловчиларини ишга тушириш имконини беради
jQuery вокеалари