Какое событие отвечает за наведение на блок но с заранее зажатой лкм?

Question

[Дима Долготер]

в vue работает при малейшем движениии мыши без зажатой лкм @mousemove="md.status = !md.status"
но вот в js все работает как надо
https://codepen.io/DimaDolgoter/pen/WNrxaKG?editor...
хотя событие то же самое

Так как в vue отслеживать событие наведения мыши с зажатой кнопкой лкм?

Answer 1

[Пашенька]

Нет таких событий.
1. На документ вешается слушатель события mousedown, в нём ставите флаг = true.
2. На документ(или на общий элемент оборачивающий все интересующие элементы) вешается слушатель mousemove, в нём проверяется установлен ли флаг из п.1. Если флаг === true, делаем что нас интересует.
3. На документ вешается слушатель события mouseup, в нём флаг устанавливается в false.

Comments

[Дима Долготер]

почему тогда в js работает. пример на кодпен

[Пашенька]

SpiderPigAndCat, У вас там какое-то безумие: вы на каждый mousemove добавляете ещё один обработчик. Оператива не резиновая и закончится быстро при таком раскладе. Изучите что такое addEventListener('click') и чем он отличается от onclick.

[Дима Долготер]

Пашенька, а что делать если надо два события слушать. и там ведь работает

[Пашенька]

SpiderPigAndCat, Это не называется работает, это называется хаос без малейшего понимания происходящего.
Я уже описал алгоритм пашагово - там слушается всё, что должно слушаться.

[Дима Долготер]

Пашенька, в чем отличие того что у меня с тем, что в learn.js ? https://plnkr.co/edit/?p=preview&preview
https://learn.javascript.ru/introduction-browser-e...

[Пашенька]

SpiderPigAndCat, что именно, вы приводите мне пример без какого-либо скрипта.

[Дима Долготер]

Пашенька, выше ссылка на песочницу и ссылка на часть статьи. В чем хаос? отслеживание движения мышки на каждом элементе, на котором и должно быть прослушивание?

[Пашенька]

SpiderPigAndCat, в песочнице нет никакого кода, там просто разметка, что я там должен увидеть?
Вы вообще читаете, что я написал?

У вас там какое-то безумие: вы на каждое событие mousemove добавляете ещё один обработчик.

Поставьте консоль.лог на mousemove, сколько записей в консоли увидите столько у вас обработчиков клика будет на элементах, врубаетесь? А должно быть в самом худшем случае 4 (равное кол-ву элементов). А вообще по-научному – только 1.

[Дима Долготер]

Пашенька, ок и как же по научному написать?

[Пашенька]

SpiderPigAndCat,
1. На документ вешается слушатель события mousedown, в нём ставите флаг = true.
2. На документ(или на общий элемент оборачивающий все интересующие элементы) вешается слушатель mousemove(over), в нём проверяется установлен ли флаг из п.1. Если флаг === true, делаем что нас интересует.
3. На документ вешается слушатель события mouseup, в нём флаг устанавливается в false.

Answer 2

[Aetae]

Codepen работает не как надо. Там всегда срабатывает первый if и точно также на каждое движение.
Следует использовать не .which, а .buttons.
Следует использовать не mousemove, а mouseenter.