на страницу, и на каждом добавлено 2-3 event listener'а.
Вида:
useEffect(() => {
if (ref.current) {
ref.current.addEventListener('contextmenu', handleContextMenuOpen);
}
return () => {
if (ref.current) {
ref.current.removeEventListener('contextmenu', handleContextMenuOpen);
}
};
}, []);
Это существенно замедляет отзывчивость веб-приложения из-за количесва event-listner'ов. Поможет ли мне подход ниже?
var i;
var els = document.getElementsByTagName('*');
// Случай 1
for(i=0 ; i<els.length ; i++){
els[i].addEventListener("click", function(e){/*некоторые действия*/}, false);
}
// Случай 2
function processEvent(e){
/*некоторые действия*/
}
for(i=0 ; i<els.length ; i++){
els[i].addEventListener("click", processEvent, false);
}
В таком случае будет один обработчик или же будет на каждом элементе свой?
лучше почитай про делегирование событий, будет один обработчик на все
ну и вопросы по реакту лучше спрашивать у реактивных
тут больше ванилька
во втором случае на каждом элементе будет свой обработчик, просто функция не будет новая создаваться
делегирование тут не поможет, у меня графический редактор и элемент можно ресайзить и перемещать. Так конечно тоже можно реализовать, но это будет настолько страшно поддерживать, что проще выучить webassembly
если у тебя уже есть проблема с количеством обработчиков, то придется поддерживать :(
Обсуждают сегодня