Написать программу для добавления обработчика событий HTML-элемента с возможностью использования делегирования событий.

@Попа с ручкой · Регистрация: 01.09.2019

Студворк — интернет-сервис помощи студентам

Помогите, пожалуйста, написать программу для добавления обработчика событий HTML-элемента с возможностью использования делегирования событий.

@amr-now · 15.08.2021, 13:00

Делегирование событий - это навешивание обработчика на контейнер для тех событий, которые произошли на вложенных элементах.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <div>
        <button>10</button><button>20</button><button>100</button><button>200</button><button>1000</button>
    </div>
    <span></span>
    <script>
        let container = document.querySelector("div"),
            outEl = document.querySelector("span");
        container.onclick = container_click;
 
        function container_click(event) {
            let btn = event.target;
            if (btn.tagName !== "BUTTON") return;
            outEl.textContent = btn.textContent;
        }
    </script>
</body>
</html>

А могли бы и на каждую кнопку повесить обработчики.

Новые блоги и статьи Все статьи Все блоги /
Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI

@Попа с ручкой 1 / 1 / 0 Регистрация: 01.09.2019 Сообщений: 121

	Написать программу для добавления обработчика событий HTML-элемента с возможностью использования делегирования событий. 15.08.2021, 11:35. Показов 654. Ответов 1 Метки javascr для начинающих (Все метки) Помогите, пожалуйста, написать программу для добавления обработчика событий HTML-элемента с возможностью использования делегирования событий. 0