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.isImmediatePropagationStopped, එසේ කිරීමට
පරීක්ෂා කරන්න
event.stopImmediatePropagation මෙම සඳහා ඇමතූයේ දැයි
සිදුවීමේ වස්තුව.
|
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.which වෙනුවට event.button.
|
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.
උදාහරණය
div එකකට අපි එබූ යතුරු මොනවාදැයි ප්රතිදානය කරමු:
<input id="test" value="type something">
<div id="text"></div>
$('#test').on('keydown', function(event) {
$('#text').html(event.type + ": " + event.which);
});
උදාහරණය
div එකකට අපි ක්ලික් කරන්නේ කුමන ටැගයක් වෙතද යන්න ප්රතිදානය කරමු:
<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 සිදුවීම්
