В общем мне нужно что бы обработчик сработал лишь раз, затем что бы сколько не кликай не срабатывал, как такое реализовать?)
Вообще есть такая штука как once, она принимает значение либо true либо false, и в зависимости от этого, функция будет выполнятся один раз или же несколько, вот пример:
var buttonOnce = document.getElementById('button_once');
var buttonNotOnce = document.getElementById('button_many');
buttonOnce.addEventListener("click", function () {
alert("Hello");
}, { once: true });
buttonNotOnce.addEventListener("click", function () {
alert("Hello");
}, { once: false });
В первом блоке кода создаем две переменные к которым привязываем две кнопки, дальше вешаем обработчик события по клику, и указываем первой кнопке true значение в once, затем делаем то же самое со второй кнопкой, только ей ставим значение false.
<button id="button_once">Я срабатываю один раз
<button id="button_many">Я срабатываю постоянно
Это просто html, с кнопками, в результате, если запустить и проверить, первая кнопка выведет уведомление лишь один раз, тогда как на второй можно вызывать их бесконечное количество раз)