Как правильно обработать два события мыши?

Question

[Расул Гитинов]

Пытаюсь сделать обработку клика и перемещения мыши в одном "on()". Мне нужно, чтобы было условие И, то есть чтобы одно без другого не работало. Пытался так:
wrap.on('mousedown && mousemove', function(e){}
но вроде не работает. Может как то по другому это делается?

Comments

[Сергей delphinpro]

Вы хотите сказать «Мне нужно реализовать перетаскивание элемента»?

Ок.
по событию mousedown на элементе — вешаем на элемент обработку mousemove
по событию mousemove — перемещаем элемент
по событию mouseup на document — снимаем с элемента обработчик mousemove

[Расул Гитинов]

Сергей, А как снять обработчик?

[Сергей delphinpro]

Расул Гитинов, on() — повесить обработчик, off() — снять

[Расул Гитинов]

Сергей, Спасибо!

Answer 1

[0xD34F]

Правильно - никак. Обрабатываем только движение, а информацию о нажатых кнопках берём из объекта события:

wrap.on('mousemove', function(e) {
  if (!e.buttons) {
    return;
  }

  // здесь ваш код
});

Comments

[Расул Гитинов]

Сработало, спасибо!

Answer 2

[Kuper132]

add.EventListener в js есть такая штука

В jquery попробуй так
$("#el455").bind("click", youfunction() , false);

Comments

[Расул Гитинов]

А для jQuery?

[Kuper132]

Расул Гитинов, отредактировал

Answer 3

[iBird Rose]

https://jsfiddle.net/64msq309/