JavaScript හි පෙරනිමි ක්රියාව අවලංගු කිරීම
සමහර විට JavaScript භාවිතයෙන් ටැගයක පෙරනිමි ක්රියාව අවලංගු කිරීමට අවශ්ය වේ. උදාහරණයක් ලෙස, යම් සබැඳියක් මත ක්ලික් කිරීමේදී එම සබැඳිය හරහා යාම අවලංගු කිරීම. සාමාන්යයෙන් මෙය අවශ්ය වන්නේ අපි එම සබැඳිය භාවිතා කරන්නේ කේතයක් ක්රියාත්මක කිරීම සඳහා පමණක් නම්. මෙම අවස්ථාවේදී, සබැඳිය මත ක්ලික් කිරීමේදී එය හරහා ගමන් කිරීම සිදුවීම අපට අවශ්ය නොවේ.
පෙරනිමි ක්රියාව අවලංගු කිරීම සිදු කරනු ලබන්නේ
Event වස්තුව භාවිතයෙනි. මේ සඳහා
එහි විශේෂ preventDefault() ක්රමයක් ඇත,
එය සිදුවීම් හසුරුවන්නා තුළ ඕනෑම තැනක ක්රියාත්මක කළ යුතුය.
ප්රායෝගිකව උත්සාහ කරමු. අපට මේ වගේ සබැඳියක් ඇති යැයි සිතමු:
<a href="/" id="elem">සබැඳිය</a>
සබැඳිය මත ක්ලික් කිරීමේදී වෙනත් පිටුවකට යාමක් සිදු නොවන පරිදි කරමු:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
console.log('ඔබට මෙම සබැඳිය හරහා යාමට නොහැකිය!');
});
සබැඳි දෙන ලදී. සබැඳිය මත ක්ලික් කිරීමේදී එහි අවසානයට එහි href ලිවීම සහ සබැඳිය හරහා යාමක් නොසිදුවන පරිදි කරන්න.
ආදාන ක්ෂේත්ර දෙකක්, ඡේදයක් සහ සබැඳියක් දෙන ලදී. ආදාන ක්ෂේත්රවලට සංඛ්යා ඇතුළත් කිරීමට ඉඩ දෙමු. සබැඳිය මත ක්ලික් කිරීමේදී ඇතුළත් කළ සංඛ්යාවල එකතුව ඡේදයට ලියා තැබෙන පරිදි කරන්න.
