Вокандани рӯйдодҳо дар 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 расид - муддири рӯйдодро воканед, то ки тугма дигар ба пахш ҷавоб надиҳад.