Event objekti

event objekti waka işlende döredilýär we onuň baradaky maglumatlary öz içine alýar. Waka emele gelende, event objekti işleýji funksiýa geçirilýär.

Event objektiňiň aýratynlyklary we usullary

Aşakdaky tablisada event objektiňiň aýratynlyklary, usullary we olaryň düşündirişi görkezilýär:

Ady	Düşündiriş
`event.currentTarget`	Wakanyň ýokaryk galmagy basgançagynda häzirki DOM element. Adatça bu aýratynlyk `this` funksiýasyna deňdir.
`event.data`	Hökman däl parametr. Işleýji özleşdirilende waka usulyna geçirilýän maglumat objekti.
`event.delegateTarget`	Jedi ýakyndan çagyrylan jQuery waka işleýjisiniň berkidilen elementi. Bu aýratynlyk wekilleşdirilen wakalarda iň peýdalydyr, sebäbi işleýji işlenýän elementiň ata-babasyna berkidilýär. Wekilleşdirilmedik we gönüden-göni elemente berkidilen işleýjiler üçin `event.delegateTarget` bahasy `event.currentTarget` bahasyna gabat gelýär.
`event.isDefaultPrevented`	Bu usul, bu waka objekti üçin `event.preventDefault` usulynyň çagyrylandygyny barlaýar.
`event.isImmediatePropagationStopped`	Bu usul, bu waka objekti üçin `event.stopImmediatePropagation` usulynyň çagyrylandygyny barlaýar.
`event.isPropagationStopped`	Bu usul, bu waka objekti üçin `event.stopPropagation` usulynyň çagyrylandygyny barlaýar.
`event.isPropagationStopped`	Bu usul, bu waka objekti üçin `event.stopPropagation` usulynyň çagyrylandygyny barlaýar.
`event.metaKey`	Waka işlende `META` düwmesiniň basylandygyny barlaýar. Platforma baglylykda düwme tapawutlanýar. `true` ýa-da `false` gaýtarýar.
`event.namespace`	Waka çagyrylanda görkezilen at giňişligi. Bu aýratynlyk, ulanylýan at giňişligine bagly bolan plug-in awtorlary üçin peýdalydyr.
`event.pageX`	Süýjüniň dokumentiň çep gapdalyndan ýerleşişini görkezýär.
`event.pageY`	Süýjüniň dokumentiň ýokarky gapdalyndan ýerleşişini görkezýär.
`event.preventDefault`	Eger bu usul çagyrylsa, bu waka üçin bellenen iş ýerine ýetirilmez. Mysal üçin, salgy basmak täze URL-e geçişe getirmez. Bu usulyň çagyrylandygyny barlamak üçin, `event.isDefaultPrevented` usulyny ulanyp bilersiňiz.
`event.relatedTarget`	Bar bolsa, wakada gatnaşýan beýleki DOM elementini gaýtarýar. `mouseout` üçin süýjüniň nämä ýöneldigini görkezýär, `mouseover` üçin süýjüň kursorunyň haýsy elementden aýrylandygyny görkezýär.
`event.result`	`undefined` deň däl bolan, işlenen wakanyň işleýjisiniň gaýtaran soňky bahasy. Bu aýratynlyk, öz wakalaryňyzyň bahalaryny almak üçin peýdalydyr.
`event.stopImmediatePropagation`	Element bilen baglanyşykly galan ähli waka işleýjileriniň işini ýatyrýar we wakanyň DOM agajynda ýokaryk galmagynyň öňüni alýar. Wakanyň ata-baba elementlerine galmagyny gadagan etmek üçin, ýöne beýleki waka işleýjilerine işlemäge rugsat bermek üçin, `event.stopPropagation` usulyny ulanyp bilersiňiz. Bu waka objekti üçin `event.stopImmediatePropagation` usulynyň çagyrylandygyny barlamak üçin, `event.isImmediatePropagationStopped` usulyny ulanyň.
`event.stopPropagation`	Wakanyň DOM agajynda ýokaryk galmagynyň öňüni alýar. Unutmaň, beýleki işleýjiler bu element üçin işlemegi dowam etdirer. Bu usul, `trigger` usuly bilen çagyrylan öz wakalary üçin hem işleýär. Bu usulyň çagyrylandygyny barlamak üçin, `event.isPropagationStopped` ulanyň.
`event.target`	Wakany başlatan DOM elementi. Bu waka üçin ýazylyşykly element ýa-da onuň nesli bolup biler. Wakanyň galmagyny kesgitlemek üçin `event.target` we `this` deňeşdirmek iň peýdalydyr. Wakalar galanda wakany wekilleşdirmekde bu aýratynlyk peýdalydyr.
`event.timeStamp`	Wakanyň brauzer tarapyndan döredilmek wagty bilen 1 Ýanwar 1970 senasyň arasyndaky millisekuntlardaky wagtyň tapawudy. Kodda iki wagtyň arasyndaky `event.timeStamp` bahalarynyň tapawudyny almak arkaly wakanyň öndürijiligini kesgitlemek üçin bu aýratynlyk peýdalydyr. Eger diňe waka işleýji içinde häzirki wagty almak isleseňiz, `getTime` usulyny ulanyň.
`event.type`	Bu aýratynlykda wakanyň görnüşi görkezilýär.
`event.which`	Bu aýratynlyk klawiatura ýa-da süýjüniň haýsy düwmesiniň basylandygyny görkezýär. Süýjü üçin: `1` - çep düwme, `2` - teker, `3` - sag düwme. `event.button` ýerine `event.which` ulanyň.

Event objektiňiň beýleki aýratynlyklary

event objektiňe göçürilýän beýleki aýratynlyklar hem bar:

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

Ýokarda sanaw edilmedik aýratynlyklara ýetmek üçin, event.originalEvent objektiňi ulanyp bilersiňiz.

Mysal

Diwde haýsy düwmeleriň basylandygyny çykaralyň:

<input id="test" value="bir zat ýazyň">
<div id="text"></div>

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

Mysal

Diwde haýsy tege basjakdygymyzy çykaralyň:

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

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

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

Şeýle-de serediň

metod on,
elemente waka işleýjisini berkidip bolýar
metod trigger,
elemente berkidilen ähli waka işleýjilerini,
berlen görnüşdäki wakalar üçin işledip bolýar
metod triggerHandler,
elemente berkidilen ähli waka işleýjilerini işledip bolýar
jQuery wakalar