Что блокирует выполнение глобального события mousemove при событий mousedown на IMG?

107
16 апреля 2022, 17:50

Тестируя код в фаерфоксе 82.0.2 столкнулся с такой вот делимой. Что перестаёт отрабатывать событие. Думаю, что это не баг браузира. ))) Может кто знает что это и как это лечить.

<body>
    <img src="https://i.stack.imgur.com/ubQRU.jpg" alt="IMG">
    <script type="text/javascript">
        document.addEventListener("mousemove", function(){console.log("test")}, false)
    </script>
</body>

P.S. Событии mousemove перестаёт отрабатывать на 3 пикселе mousedown в любую сторону, после событие mouseup, mousemove работает как "ни в чём не бывало".

document.addEventListener("mousemove", function(){console.log("test")}, false)
<img src="https://i.stack.imgur.com/ubQRU.jpgg" alt="IMG">

Answer 1

Необходимо отменить событие dragstart.

document.addEventListener("mousemove", function(){console.log("test")}, false)          
document.addEventListener("dragstart", function(e){e.preventDefault()}, false)
<img src="https://i.stack.imgur.com/ubQRU.jpgg" alt="IMG">

READ ALSO
Занесение данных из массива в таблицу. React
javascript

Занесение данных из массива в таблицу. React

Всем привет! Нужна помощь с занесением данных из массива в таблицуЕсть код:

 131
Как повторно создать URL через createObjectURL
javascript

Как повторно создать URL через createObjectURL

Есть данный код:

 107
Какой лучший способ глубокого копирования по производительности?
javascript

Какой лучший способ глубокого копирования по производительности?

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

 216
Объединение вложенных объектов по ключу. JS
javascript

Объединение вложенных объектов по ключу. JS

Есть объект

 78