Создание одноразового обработчика события

Когда вы используете метод addEventListener() для добавления обработчика события к событию элемента, обработчик события будет выполняться каждый раз, когда происходит событие.

Чтобы создать одноразовый обработчик события, который будет выполняться только один раз, вы используете третий параметр метода addEventListener():

element.addEventListener(type,handler,{once: true});
Code language: CSS (css)

Третьим параметром метода addEventListener() является объект, имеющий свойство once. Если оно установлено в true, то обработчик события будет выполнен только один раз.

В следующем примере показано, как создать одноразовый обработчик событий. Предположим, что у вас есть кнопка с классом .btn:

<button class="btn">Subscribe</button>
Code language: HTML, XML (xml)

Ниже добавляется обработчик одноразового события к событию click кнопки:

const btn = document.querySelector('.btn'); btn.addEventListener('click', function (e) { alert('Subscribed!'); }, { once: true });
Code language: JavaScript (javascript)

Если вы нажмете на кнопку, она покажет диалоговое окно предупреждения только один раз.

Оцените статью
devanswers.ru
Добавить комментарий