JavaScript හි Event වස්තුව සමඟ මූලික වැඩ

මෙම පාඩමෙන්, අපි Event වස්තුව සමඟ මූලික වැඩ අධ්‍යයනය කරමු. මෙම වස්තුවෙහි සිදු වූ සිද්ධිය පිළිබඳ තොරතුරු අඩංගු වේ. උදාහරණයක් ලෙස, අංගයක් මත ක්ලික් කිරීමක් සිදු වුවහොත්, අපට එම ක්ලික් කිරීමේ ඛණ්ඩාංක, එම සමයේදී Ctrl, Alt හෝ Shift යතුර ඔබා ඇත්දැයි යනාදිය දැන ගත හැකිය.

Event වස්තුව ලබා ගන්නේ කෙසේදැයි බලමු. අපට බොත්තමක් ඇතැයි සිතමු:

html<button id="elem">text</button>

මෙම බොත්තම මත ක්ලික් කිරීමේදී යම් ශ්‍රිතයක් ක්‍රියාත්මක වේවා:

javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('click', function() {

});

බැඳූ ශ්‍රිතය තුළම Event වස්තුව පවතී - එය ලබා ගන්නේ කෙසේදැයි අපට තවමත් නොදනී. එය ලබා ගන්නේ පහත පරිදිය: අපගේ ශ්‍රිතය ප්‍රකාශ කිරීමේදී එහි ඕනෑම විචල්‍යයක් පරාමිතියක් ලෙස සම්ප්‍රේෂණය කළ යුතුය (සාමාන්‍යයෙන්, event - නමුත් නම ඕනෑම දෙයක් විය හැක) සහ මෙම විචල්‍යයට බ්‍රවුසරය ස්වයංක්‍රීයව Event වස්තුව තබයි:

javascriptelem.addEventListener('click', function(event) {
  console.log(event); // සිදුවීම සමඟ වස්තුව අපට පෙනෙනු ඇත
});