JavaScript හි ලූපයකින් ඉසව්වන්ගේ හසුරුවන්නන් ඉවත් කිරීම

දැන් අපට එක් අංගයක් නොමැති නමුත් කිහිපයක් ඇතැයි සිතමු. උදාහරණයක් ලෙස, ඡේද කිහිපයක්:

html<p>text1</p>
<p>text2</p>
<p>text3</p>

මෙම ඡේදයන්ගෙන් එක් එක් ට ක්ලික් හසුරුවන්නා අනුව func ශ්‍රිතය අමුණමු:

javascriptlet elems = document.querySelectorAll('p');

for (let elem of elems) {
  elem.addEventListener('click', func);
}

function func() {
  console.log(this.textContent);
}

දැන් කේතය නැවත සකස් කරමු, එවිට එක් එක් ඡේදය එය මත පළමු ක්ලික් කිරීමට ප්‍රතිචාර දක්වයි. මෙය සඳහා ඡේදය මත ක්ලික් කරන විට අපි එයට අමුණා ඇති හසුරුවන්නා ඉවත් කරමු. මෙම ඉවත් කිරීම වන්නේ මෙම ඡේදයටම වන අතර, අනෙක් ඒවා කිසිසේත්ම බලපාන්නේ නැත.

ඔබ දැනටමත් දන්නා පරිදි, සිදු වූ සිදුවීම වන අංගය, ශ්‍රිත-හසුරුවන්නා තුළ this හරහා ලබා ගත හැකිය. මෙයින් අදහස් කරන්නේ this වෙතින් හසුරුවන්නා ඉවත් කිරීම කළ යුතු බවයි, මෙහි දැක්වෙන පරිදි:

javascriptlet elems = document.querySelectorAll('p');

for (let elem of elems) {
  elem.addEventListener('click', func);
}

function func() {
  console.log(this.textContent);
  this.removeEventListener('click', func); // හසුරුවන්නා ඉවත් කරමින්
}