Kitu event
Kitu event hutengenezwa wakati tukio linapotokea
na kina taarifa kuhusu tukio hilo. Tukiapo
tukio kitu event hupelekwa kwenye
kitendakazi-kichakataji.
Sifa na mbinu za kitu event
Chini kwenye jedwali imeelezwa sifa na mbinu
za kitu event na maelezo yake:
| Jina | Maelezo |
|---|---|
event.currentTarget |
Kipengele cha DOM cha sasa katika hatua ya mlipuko wa tukio. Kawaida
sifa hii ni sawa na this ya kitendakazi.
|
event.data |
Kigeuzi cha hiari. Kitu cha data, kinachopitishwa kwenye mbinu ya tukio wakati wa kuambatisha kichakataji kinachotekelezeka. |
event.delegateTarget |
Kipengele ambacho kilikuwa kimeambatanishwa na kichakataji cha tukio cha jQuery
kilichoitwa tu. Sifa hii ni muhimu zaidi
katika matukio yaliyopeanwa madaraka, wakati kichakataji kimefungwa kwa
mzazi wa kipengele kinachochakatwa. Kwa wale
vichakataji wasiopewa madaraka, waliyounganishwa moja kwa moja kwenye kipengele,
thamani ya event.delegateTarget inalingana
na thamani ya event.currentTarget.
|
event.isDefaultPrevented |
Mbinu inakagua ikiwa mbinu
event.preventDefault
iliitwa kwa kitu hiki cha tukio.
|
event.isImmediatePropagationStopped |
Mbinu inakagua ikiwa mbinu
event.stopImmediatePropagation
iliitwa kwa kitu hiki cha tukio.
|
event.isPropagationStopped |
Mbinu inakagua ikiwa mbinu
event.stopPropagation
iliitwa kwa kitu hiki cha tukio.
|
event.isPropagationStopped |
Mbinu inakagua ikiwa mbinu
event.stopPropagation
iliitwa kwa kitu hiki cha tukio.
|
event.metaKey |
Mbinu inakagua ikiwa kitufe
META kilibonyezwa wakati wa kutokea kwa
tukio. Kulingana na jukwaa kitufe
kinaweza kutofautiana. Hurudisha true au
false.
|
event.namespace |
Jina la nafasi, lililoonyeshwa wakati wa kuitwa kwa tukio. Sifa hii itakuwa muhimu kwa waandishi wa programu-jalizi, kazi ambazo zinategemea nafasi ya jina inayotumika. |
event.pageX |
Inaonyesha nafasi ya kipanya kutoka upande wa kushoto wa hati. |
event.pageY |
Inaonyesha nafasi ya kipanya kutoka upande wa juu wa hati. |
event.preventDefault |
Ikiwa mbinu hii imeitwa, basi kitendo
cha msingi kwa tukio hali
hitatekelezwa. Kwa mfano kubonyeza kiungo
haitasababisha kuhamia kwenye URL mpya. Ili
kukagua ikiwa mbinu hii imeitwa,
unaweza kutumia mbinu
event.isDefaultPrevented.
|
event.relatedTarget |
Hurudisha kipengele kingine cha DOM, kinachohusika
katika tukio, ikiwa kipo. Kwa
mouseout inaonyesha kipengele gani
kipanya kimeelekezwa, kwa mouseover
kipanya kilitoka kipengele gani.
|
event.result |
Thamani ya mwisho, iliyorudishwa na kichakataji
cha tukio lililotokea, isiyo sawa na
undefined. Sifa inaweza kuwa muhimu
kwa kupata thamani za matukio ya kibinafsi.
|
event.stopImmediatePropagation |
Inasitisha kazi ya wale wachakataji waliobaki
wa matukio, yaliyounganishwa na kipengele na inazuia
mLipuko wa tukio kwenda juu kwenye mti wa DOM. Ili
kuzuia tu tukio lisilipuke hadi
vipeo-vyeo-vya wazazi, lakini kuruhusu kazi ya wengine
wachakataji wa matukio, unaweza kutumia mbinu
event.stopPropagation. Tumia mbinu
event.isImmediatePropagationStopped, ili
kukagua ikiwa
event.stopImmediatePropagation imeitwa kwa kitu hiki
cha tukio.
|
event.stopPropagation |
Inazuia mLipuko wa tukio kwenda juu kwenye mti
wa DOM. Kumbuka kuwa wachakataji wengine
wataendelea kufanya kazi kwa kipengele hiki. Huu
mbinu inafanya kazi kwa matukio ya kibinafsi, yaliyotokezwa
kwa kutumia mbinu
trigger.
Ili kukagua ikiwa mbinu hii imeitwa,
tumia event.isPropagationStopped.
|
event.target |
Kipengele cha DOM, kilichanzisha tukio. Hii inaweza
kuwa kipengele kilichosajiliwa kwa tukio au
kizazi chake. Ni muhimu sana kulinganisha
event.target na this, ili kubainisha
mLipuko wa tukio. Sifa ni muhimu wakati wa kugawia madaraka
tukio, wakati matukio yanalipuka.
|
event.timeStamp |
Tofauti ya wakati kwa millisekunde kati ya
nyakati za uundaji wa tukio na kivinjari na
1 Januari 1970. Sifa inaweza kuwa
muhimu wakati wa kubainisha utendaji wa
tukio kwa kupata tofauti ya thamani za
event.timeStamp kwa nyakati mbili
katika msimbo. Ikiwa unataka tu
kupata wakati wa sasa ndani ya kichakataji
cha tukio, tumia mbinu
getTime.
|
event.type |
Katika sifa hii imeonyeshwa aina ya tukio. |
event.which |
Sifa hii inaonyesha kitufe gani cha
kiwambo au kipanya kilibonyezwa. Kwa kipanya:
1 - kifungo cha kushoto, 2 - gurudumu,
3 - kifungo cha kulia. Tumia
event.which badala ya event.button.
|
Sifa zingine za kitu event
Kuna sifa zingine pia, ambazo hunakiliwa
kwenye kitu event:
altKey, button, buttons, cancelable,
char, charCode, clientX, clientY,
ctrlKey, detail, eventPhase, key,
keyCode, offsetX, offsetY, originalTarget,
screenX, screenY, shiftKey,
toElement, view.
Ili kufikia sifa zisizo orodheshwa hapo juu,
unaweza kutumia kitu event.originalEvent.
Mfano
Wacha tuweze kuonyesha kwenye div - vitufe gani vilibonyezwa:
<input id="test" value="andika kitu">
<div id="text"></div>
$('#test').on('keydown', function(event) {
$('#text').html(event.type + ": " + event.which);
});
Mfano
Wacha tuweze kuonyesha kwenye div - kwenye lebo gani tutabonyeza:
<body>
<div id="text"></div>
<div>
<p>
<strong><span>bonyeza</span></strong>
</p>
</div>
</body>
span, strong, p {
display: block;
padding: 10px;
border: 1px solid black;
}
$('body').click(function(event) {
$('#text').html('ilibonyezwa: ' + event.target.nodeName);
});
Angalia pia
-
mbinu
on,
inaruhusu kuunganisha kichakataji wa matukio kwa kipengele -
mbinu
trigger,
inaruhusu kuanzisha wachakataji wote wa matukio, waliounganishwa na kipengele kwa aina maalum ya matukio -
mbinu
triggerHandler,
inaruhusu kuanzisha wachakataji wote wa matukio, waliounganishwa na kipengele - matukio ya jQuery