Https://Codepen.Io/Shuleko/Pen/AbqgWrg Как бы отменить событие click на внешнем div если мышь

Question

Https://Codepen.Io/Shuleko/Pen/AbqgWrg Как бы отменить событие click на внешнем div если мышь

нажата на внутреннем, передвинута вне его (внутреннего) и отпущена на внешнем?

<div class="outside">outside
<div class="inside">inside</div>
</div>

const outside = document.querySelector(".outside")
const inside = document.querySelector(".inside")
// console.log( outside)
const fnClickOut = (e) => {console.log("outside clicked")}
outside.addEventListener('click', fnClickOut)
const fnClickIn = (e) => {
e.stopPropagation()
console.log("inside clicked")
}
inside.addEventListener('click', fnClickIn)
inside.addEventListener('mousedown', (e)=> e.stopPropagation())

#javascript #programming #russian

0

22.06.2022

4 ответов

19 просмотров

Denis Deniskov

Скорее всего клик не получится отменить, но ты можешь сам эмулировать клик отлавливая события mousedown+mouseup и отслеживая e.target у события, сравнивая target у mousedown mouseup ты сможешь понять где начался и закончился клик

0

22.06.2022

Daria Shuleko Автор вопроса

Denis Deniskov
А для чего так делать? Или просто упражнение?

Ох, внешний - на самом деле th от vuetify таблицы и на ней "из коробки" висит нужная сортировка. Внутренний - самопальный элемент для активации ресайза колонок

0

22.06.2022

Daria Shuleko Автор вопроса

Denis Deniskov
Скорее всего клик не получится отменить, но ты мож...

Я могу понять и навесить обработчик. Моя задача не дать выполнить обработчик на внешнем элементе если mousedown был на внутреннем

0

22.06.2022

Denis Deniskov · Accepted Answer

Denis Deniskov

А для чего так делать? Или просто упражнение?

0

22.06.2022

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

Https://Codepen.Io/Shuleko/Pen/AbqgWrg Как бы отменить событие click на внешнем div если мышь

4 ответов

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