JavaScript හි සිද්ධි විමෝචනය කිරීම

මෙම පාඩමෙන්, අපි කලින් අංග සමඟ බැඳූ සිද්ධි හැසිරවීම් කාරක ඉවත් කර ගැනීමට ඉගෙන ගනිමු. උදාහරණයක් ලෙස, පහත බොත්තම දෙමු:

<input id="button" type="submit">

මෙම බොත්තමට func ශ්‍රිතය බැඳෙමු:

let button = document.querySelector('#button');
button.addEventListener('click', func);

function func() {
	console.log('!!!');
}

දැන් අපි සිද්ධි හැසිරවීම් කාරකය පළමු ක්ලික් කිරීමට ප්‍රතිචාර දක්වන අතර, පසුව බොත්තමෙන් ඉවත් වන පරිදි කරමු. මේ සඳහා විශේෂ ක්‍රමයක් වන removeEventListener පවතියි. මෙම ක්‍රමය පළමු පරාමිතිය ලෙස සිද්ධියේ වර්ගය ගනී, දෙවන පරාමිතිය ලෙස ඉවත් කළ යුතු ශ්‍රිතයට යොමු කිරීමක් ගනී.

සාමාන්‍යයෙන්, මෙයින් අදහස් වන්නේ සිද්ධි හැසිරවීම් කාරකය බැඳුණු ආකාරයටම ඉවත් කරන බවයි. එනම්, අපි එය මෙසේ බැඳියේ නම්: addEventListener('click', func), එම පරාමිති සමඟම ඉවත් කරමු, මෙසේ: removeEventListener('click', func).

ඉතින්, අපි මතු කළ කාර්යය විසඳමු:

let button = document.querySelector('#button');
button.addEventListener('click', func);

function func() {
	console.log('!!!');
	this.removeEventListener('click', func);
}

සබැඳියක් සහ බොත්තමක් දී ඇත. බොත්තම ක්ලික් කිරීමෙන් සබැඳියේ අන්තර්ගතය අවසානයට එහි href ගුණාංගය වරහන් තුළ එක් කරන්න. මෙම එකතු කිරීම සිදු වන්නේ පළමු ක්ලික් කිරීමේදී පමණක් වන පරිදි කරන්න.

බොත්තමක්, එහි අගය ලෙස අංකය 1 දී ඇත. මෙම බොත්තම ක්ලික් කිරීමෙන් එහි අගය සෑම විටම එකකින් වැඩි වන පරිදි කරන්න. බොත්තමේ අගය 10 වන තෙක් පැමිණි පසු - සිද්ධි හැසිරවීම් කාරකය ඉවත් කරන්න, එවිට බොත්තම තවදුරටත් ක්ලික් කිරීම් වලට ප්‍රතිචාර නොදක්වයි.