Подскажите как заблокировать эвент mouseup в моем случае? У меня такая

Question

Подскажите как заблокировать эвент mouseup в моем случае? У меня такая

структура <a><img/></a>
И в event target находится img
list.addEventListener('mouseup', (e) => {
isDown = false;
list.classList.remove('active');

e.preventDefault()
}, {passive: false});
если просто указать e.preventDefault() то клик всеравно проходит по ссылке

#programming #russian #typescript

0

02.02.2023

3 ответов

33 просмотра

Дмитрий Бондаренко Автор вопроса

хм не работает что то, e.stopImmediatePropagation() тоже не хочет. const SCROLL_SPEED = 1; function appendDagAndDrop (list: HTMLElement) { let isDown = false; let startX; let scrollLeft; list.addEventListener('mousedown', (e) => { isDown = true; list.classList.add('active'); startX = e.pageX - list.offsetLeft; scrollLeft = list.scrollLeft; }, {passive: false}); list.addEventListener('mouseleave', (e) => { isDown = false; list.classList.remove('active'); }, {passive: false}); list.addEventListener('mouseup', (e) => { e.stopImmediatePropagation() isDown = false; list.classList.remove('active'); }, {passive: false}); list.addEventListener('mousemove', (e) => { if(!isDown) return; e.preventDefault(); const x = e.pageX - list.offsetLeft; const walk = (x - startX) * SCROLL_SPEED; console.log(scrollLeft - walk); list.scrollLeft = scrollLeft - walk; }, {passive: false}); }

0

02.02.2023

Дмитрий Бондаренко Автор вопроса

Artyom Sultanov
Так ты используй его в начале функции

Та меня бомбонуло. Удалил этот код и сделал промотку по стрелочкам

0

03.02.2023

Artyom Sultanov · Accepted Answer

Artyom Sultanov

Дмитрий Бондаренко
хм не работает что то, e.stopImmediatePropagation(...

Так ты используй его в начале функции

0

03.02.2023

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

Подскажите как заблокировать эвент mouseup в моем случае? У меня такая

3 ответов

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