169 похожих чатов

Подскажите, почему click срабатывает два раза? document.querySelectorAll('.multiple-list-item').forEach(item => { item.addEventListener(

"click", function ( e ) {
console.log('test');
let target = e.target.closest('li');
target.classList.toggle('active');
});
});

<ul class="multiple-list">
<li class="multiple-list-item">
<input type="checkbox" id="item_1" value="value1">
<label for="item_1"><i></i><a href="">value1</a></label>
</li>
...

12 ответов

18 просмотров

зачем вам closest li, если вы изначально событие вешаете на li?

ну и по коду не выглядит, будето тут 2 раза должно срабатывать. или я не вижу, по крайней мере

Developer- Автор вопроса
i7 4n
ну и по коду не выглядит, будето тут 2 раза должно...

нужно искать проблему в других обработчиках?

Developer
нужно искать проблему в других обработчиках?

ну как вы определили, что два раза срабатывает? в чём это выражается?

Developer- Автор вопроса
Developer
test выводится два раза при клике

закиньте в песочницу - посмотрим

Developer- Автор вопроса

Не похоже что данный код может вывести 2 раза.

Developer- Автор вопроса
Developer
https://jsfiddle.net/h9mo3ubp/

ну ты чел гений, обернул label а это дополнительный клик

Developer
https://jsfiddle.net/h9mo3ubp/

https://jsfiddle.net/nbd051qr/1/ Если уж так хочется, возможно так можно попробовать. )

Похожие вопросы

Обсуждают сегодня

Всем привет! Имеется функция: function IsValidChar(ch: UTF8Char): Boolean; var i: Integer; ValidChars: AnsiString; begin ValidChars := 'abcdefghijklmnopqrstuvwxyzABCDE...
Евгений
44
Коллеги, я тут для личных нужд пошел ставить MQTT сервер, пощупал mosquitto, но ужаснулся отсутствию такой банальности, как HTTP API для посмотреть список топиков. А тут что,...
Maksim Lapshin
14
#include <stdio.h> #include <stdlib.h> #include <time.h> void mass_first_generate(int mass[5][7]) {     for (int N = 0; N < 5; N++) {         for (int A = 0; A < 7; A++) {   ...
Чувак
6
Всем привет! Решаю 99 OCaml Problems и столкнулся со следующей проблемой (прошу палками не забивать, я OCaml практически не трогал до этого момента): open OUnit2 let create_...
К|/|pи/\/\ 6е3yглbIи
2
<?php function prepareTel($data, $modx, $_multiTV) { if ($data['iteration'] == $data['row']['total']) { $data['tel'] = '<a class="link" href="tel: ' . $data['tel']...
Кирилл Гацевич
2
❓ Подскажите как сделать в группе телеги функцию (кнопку) пересылки сообщения где есть нарушение правил? Бот к каждому сообщению (по определенным ключам) добавляет снизу кнопк...
Alexander
4
Hi freinds. I'm reading an old Pascal book and I just want to compile and run its codes using fpc. What's your recommendation to use the environment efficiently? Please send m...
Shak
4
Ну вот просто даже давайте вот как. Какой нибудь конкретный кейс, можете в пример привести, где бч работает и приносит прикладную пользу, а не просто что бы было? Не крипту.
Alexander Andreev
22
https://www.linkedin.com/posts/ugama-benedicta-kelechi-codergirl-103041300_mobiledevelopment-fluttertraining-handsonlearning-activity-7263445699227254784-IdHB?utm_source=share...
CoderGirl
16
возможно ли как-то передать в электрон или таури медиа поток с рендера 2д движка? двиг запускается как dll, а дальше надо как-то отправлять рендер кодировать не подходит, зр...
Kyle Nekto
7
Карта сайта