JavaScript: добавьте прослушиватель событий к элементу с возможностью использования делегирования событий

Основы JavaScript (синтаксис ES6): Упражнение 95 с решением

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

Пример решения:

HTML-код:

       Добавить прослушиватель событий к элементу с возможностью использования делегирования событий        

Код JavaScript:

 // #Source https://bit.ly/2neWfJ2 const on = (el, evt, fn, opts = {}) => {const delegatorFn = e => e.target.matches (opts.target) && fn.call (  e.target, e);  el.addEventListener (evt, opts.target? delegatorFn: fn, opts.options || false);  if (opts.target) return delegatorFn;}; const fn = () => console.log ('!'); console.log (on (document.body, 'click', fn));  console.log (на (document.body, 'click', fn, {target: 'p'}));  console.log (on (document.body, 'click', fn, {options: true}));  

Пример вывода:

 undefinedundefinedundefined  

Живая демонстрация:

См. Pen javascript-basic-упражнение-95-1 от w3resource (@ w3resource) на CodePen.

Предыдущий: Напишите программу на JavaScript, чтобы переместить указанное количество элементов в конец массива.
Далее: напишите программу на JavaScript для выбора пар "ключ-значение", соответствующих данным ключам, из объекта.

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