добрый день, на странице очень много элементов на которые нужно повесить обработчик событий, поэтому использую делегирование событий, в результате появляется такая картина:
function fn1() {}
function fn2() {}
function fn3() {}
function fn4() {}
function fn5() {}
function fn6() {}
function fn7() {} // и т.д
parent.addEventListener('click', fn1);
parent.addEventListener('click', fn2);
parent.addEventListener('click', fn3); // и т.д
// -------
anotherParent.addEventListener('click', fn4);
anotherParent.addEventListener('focus', fn5);
anotherParent.addEventListener('mouseover', fn6);
anotherParent.addEventListener('change', fn7); // и т.д
для одном случае событие одно, но много функций, думаю их лучше объединить в одну общую, и запускать уже его, как-то так:
function fnCommon() {
function fn1() {} fn1();
function fn2() {} fn2();
function fn3() {} fn3();
}
parent.addEventListener('click', fnCommon);
стоит ли так делать, или есть способ получше? или лучше вообще оставить как есть?
-------
в другом случае и функции разные, и события, что с ним можно поделать? иди опять же, может лучше так оставить?
и ещё, вдруг будет такой случай, предварительно спрошу
если функция одна, но события разные, тогда лучше оставить как есть, или есть способ получше?