Kufutua Matukio katika JavaScript

Katika somo hili tutajifunza jinsi ya kufutua watayarishtaji wa matukio, ambao hapo awali walikuwa wamefungwa nasi kwa vipengele. Hebu kwa mfano tupewe kitufe kifuatacho:

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

Tulifunge kwa kitufe hiki kitendakazi func:

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

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

Wacha sasa tufanye ili mtayarishtaji wa tukio ifanye kazi kwa kubofya kwa mara ya kwanza, kisha ifutwe kutoka kwa kitufe. Kwa hili kuna nabii maalum removeEventListener. Njia hii huchukua aina ya tukio kama kigezo cha kwanza, na cha pili - kiungo cha kitendakazi, ambacho kinahitaji kufutwa.

Kwa kawaida, hii inamaanisha kuwa mtayarishtaji wa tukio hufutwa sawa na jinsi ilivyofungwa. Yaani, ikiwa tumeifunga hivi: addEventListener('click', func), basi tutaifuta kwa vigezo vile vile, hivi: removeEventListener('click', func).

Basi, wacha tutatue lengo tuliloweka:

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

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

Umepewa kiungo na kitufe. Kwa kubofya kitufe ongeza mwishoni maandishi ya kiungo yaliyomo katika sifa yake href kwenye mabano ya duara. Fanya ili ongezeko hili lifanyike tu kwa kubofya kwa mara ya kwanza.

Umepewa kitufe, ambacho thamani yake ni namba 1. Fanya ili kwa kubofya kitufe hiki thamani yake iongezeke kwa moja kila wakati. Baada ya thamani ya kitufe kufikia 10 - futua mtayarishtaji wa tukio, ili kitufe kisisisitizwe tena kwa kubofya.