JavaScript හි පෙරනිමි ක්‍රියාව අවලංගු කිරීම

සමහර විට JavaScript භාවිතයෙන් ටැගයක පෙරනිමි ක්‍රියාව අවලංගු කිරීමට අවශ්‍ය වේ. උදාහරණයක් ලෙස, යම් සබැඳියක් මත ක්ලික් කිරීමේදී එම සබැඳිය හරහා යාම අවලංගු කිරීම. සාමාන්‍යයෙන් මෙය අවශ්‍ය වන්නේ අපි එම සබැඳිය භාවිතා කරන්නේ කේතයක් ක්‍රියාත්මක කිරීම සඳහා පමණක් නම්. මෙම අවස්ථාවේදී, සබැඳිය මත ක්ලික් කිරීමේදී එය හරහා ගමන් කිරීම සිදුවීම අපට අවශ්‍ය නොවේ.

පෙරනිමි ක්‍රියාව අවලංගු කිරීම සිදු කරනු ලබන්නේ Event වස්තුව භාවිතයෙනි. මේ සඳහා එහි විශේෂ preventDefault() ක්‍රමයක් ඇත, එය සිදුවීම් හසුරුවන්නා තුළ ඕනෑම තැනක ක්‍රියාත්මක කළ යුතුය.

ප්‍රායෝගිකව උත්සාහ කරමු. අපට මේ වගේ සබැඳියක් ඇති යැයි සිතමු:

html<a href="/" id="elem">සබැඳිය</a>

සබැඳිය මත ක්ලික් කිරීමේදී වෙනත් පිටුවකට යාමක් සිදු නොවන පරිදි කරමු:

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

elem.addEventListener('click', function(event) {
  event.preventDefault();
  console.log('ඔබට මෙම සබැඳිය හරහා යාමට නොහැකිය!');
});