Как отследить, зажата ли мышка или нет?

Question

[Worddoc]

Здравствуйте. Сделал draggable bar и все работает очень хорошо. Но проблема в том, что если начать перетаскивать кнопку вправо до конца и вести мышку за пределы бара, через близлежащий элемент input, то работает mousemove, который по идее должен убираться c помощью unbind(), после mouseup. Так вот нужно как-то отследить, зажата ли мышка или нет и в связи с этим разрешать mousemove в документе или нет. Я попробовал сделать это с помощью переменной mouseDown, но это никак не повлияло... Вот пример: https://jsfiddle.net/c2cqxcf8/. Надеюсь на вашу помощь, спасибо.

Answer 1

[imdeveloper]

Я бы сделал так:
После нажатия кнопки, запустить таймер на три секунды и если время прошло, то значит мышка зажата и запускается нужная функция.

Answer 2

[Denis Kharchenko]

Можно попробовать так:

var flag = 0;
  $(".visible").mousedown(function(){
    flag = 1;
  });
  $(".visible").mouseup(function(){
    flag = 0;
  });
  
  setInterval(function(){
    if(flag == 1) {
      console.log("+")
    } else {
      
    }
  },100);

Вот тут есть подробнее о событиях мыши.

Вам нужно:
mousedown - Кнопка мыши нажата над элементом.
mouseup - Кнопка мыши отпущена над элементом.

Comments

[Worddoc]

Взгляните, пожалуйста, на ссылку, которую я прикрепил. Там всё так же, но без интервала. Загвоздка в том, что когда мышь с ползунком уходит вправо и мышь идет дальше, через кнопку, то mouseup, который дает переменной 0 не работает, и после mouseup переменная остается 1 и функция работает дальше, хотя кнопка не нажата.

Answer 3

[Bowen]

https://jsfiddle.net/x85w7v4k/