Управление HTML DOM с ванильным JavaScript

Авторизоваться

Используйте атрибут on (не рекомендуется)

Вы можете установить обработчик события через атрибут on{eventName}, где eventName представляет название события. Например:

ele.onclick = function() {
    ...
};

// Remove the event handler
delete ele.onclick;

Такой подход не рекомендуется, потому что мы можем прикрепить только один обработчик для каждого события. Например, установка атрибута onclick переопределит любой существующий обработчик для события click.

Используйте метод `addEventListener`

const handler = function() {
    ...
};

// Atatch handler to the `click` event
ele.addEventListener('click', handler);

// Detach the handler from the `click` event
ele.removeEventListener('click', handler);

Обратите внимание, что имя события передаются в качестве первого параметра в обоих методах addEventListener и removeEventListener. Это отличается от первого подхода, который требует префикса имени события с on.

Если вы хотите, чтобы обработчик вызывался один раз, посмотрите на Создание одноразового обработчика событий.

Чтобы оставить комментарий, необходимо авторизоваться

Войти на сайт

Как управлять DOM на чистом JavaScript?

Используйте атрибут on (не рекомендуется)

Используйте метод addEventListener

Используйте метод `addEventListener`