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
.