MouseTracker

Отслеживание мыши

Отслеживание мыши. Объект MouseTracker предоставляет три удобные функции.

Метод Описание
init Инициализирует трекер движения мыши.
cancel Отключает трекер отслеживания.
movesTo Возвращает true или false независимо от того, перемещена мышь к элементу или нет.

Использование

<div id="example" class="uk-position-relative">
    <img src="images/photo.jpg" alt="">
    <div id="target" class="uk-overlay uk-overlay-default uk-position-center"></div>
</div>
var tracker = new util.MouseTracker();
var example = util.$('#example');
var target  = util.$('#target');

// Инициализируем трекер мыши
util.on(example, 'mouseenter', function () {
  tracker.init();
});

// Отключаем трекер мыши
util.on(example, 'mouseleave', function () {
  tracker.cancel();
});

// Обнаружение движения мыши
util.on(example, 'mousemove', function () {
  console.log(tracker.movesTo(target));
});

Результат

Если мышь перемещается к цели, то возвращается true, иначе результат будет false.