Объект 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`	Чычкандын документтин сол четинен салыштырмалуу ордун көрсөтөт.
`event.pageY`	Чычкандын документтин үстүңкү четинен салыштырмалуу ордун көрсөтөт.
`event.preventDefault`	Эгер бул ыкма чакырылса, анда бул окуя үчүн демейки амал аткарылбайт. Мисалы, шилтемени басуу жаңы URL-ге өтүшкө алып келбейт. Бул ыкма чакырылган- чакырылбаганын текшерүү үчүн, `event.isDefaultPrevented` ыкмасын колдонсо болот.
`event.relatedTarget`	Окуяга катышкан болсо, дагы бир DOM элементин кайтарат. `mouseout` үчүн чычкан кайсы элементке багытталганын көрсөтөт, `mouseover` үчүн чычкан курсору кайсы элементтен алыстатылганын көрсөтөт.
`event.result`	Ишке кирген окуянын иштетүүчүсү кайтарган акыркы маани, `undefined` барабар эмес. Касиет өз окуяларынын маанилерин алуу үчүн пайдалуу болушу мүмкүн.
`event.stopImmediatePropagation`	Элемент менен байланышкан калган окуя иштетүүчүлөрүнүн ишин жокко чыгарып, окуянын DOM даракчасы боюнча жогору көтөрүлүшүн токтотот. Окуянын ата-баба элементтерине чейин көтөрүлүшүн гана тыюу салуу үчүн, бирок башка окуя иштетүүчүлөрүнүн ишине уруксат берүү үчүн, `event.stopPropagation` ыкмасын колдонсо болот. `event.stopImmediatePropagation` бул окуя объектиси үчүн чакырылган-чакырылбаганын текшерүү үчүн `event.isImmediatePropagationStopped` ыкмасын колдонуңуз.
`event.stopPropagation`	Окуянын DOM даракчасы боюнча жогору көтөрүлүшүн токтотот. Эсиңизде болсун, башка иштетүүчүлөр бул элемент үчүн иштей берээр. Бул ыкма `trigger` ыкмасы менен чакырылган өз окуялары үчүн иштейт. Бул ыкма чакырылган-чакырылбаганын текшерүү үчүн, `event.isPropagationStopped` колдонуңуз.
`event.target`	Окуяны демилгелеген DOM элемент. Бул окуяга катталган элемент же анын тукуму болушу мүмкүн. `event.target` жана `this` салыштыруу окуянын көтөрүлүшүн аныктоо үчүн өтө пайдалуу. Касиет окуя делегацияланганда, окуялар көтөрүлгөндө пайдалуу.
`event.timeStamp`	Браузер тарабынан окуя түзүлгөн убакыт менен 1970-жылдын 1-январынын ортосундагы миллисекунд менен убакыт айырмасы. Касиет коддогу эки убакыт учуру үчүн `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 объектисин пайдаланса болот.

Мисал

Дивге кайсы баскычтар басылганын чыгаралы:

<input id="test" value="бир нерсе терип">
<div id="text"></div>

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

Мисал

Дивге биз кайсы тегге чыкылдай турданыбызды чыгаралы:

<body>
	<div id="text"></div>
	<div>
		<p>
			<strong><span>чыкылда</span></strong>
		</p>
	</div>
</body>

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

$('body').click(function(event) {
	$('#text').html('чыкылдалды: ' + event.target.nodeName);
});

Дагы караңыз

on ыкмасы,
ал элементке окуя иштетүүчүсүн байлоого мүмкүндүк берет
trigger ыкмасы,
ал элементке байланган берилген түрдөгү окуялар үчүн бардык окуя иштетүүчүлөрүн иштетүүгө мүмкүндүк берет
triggerHandler ыкмасы,
ал элементке байланган бардык окуя иштетүүчүлөрүн иштетүүгө мүмкүндүк берет
jQuery окуялары