Всем привет! В этом материале рассмотрим небольшую, но, уверен, полезную библиотеку для отслеживания позиции мышки пользователя на javascript .
Всем привет! В этом материале рассмотрим небольшую, но, уверен, полезную библиотеку для отслеживания позиции мышки пользователя на javascript.
Библиотека называется trial.js и, как уже было сказано, позволяет отслеживать позицию мышки пользователя и предсказывать пользовательский ввод.
Плюсы библиотеки
У trial.js есть три больших плюса:
- Нет зависимостей
- Весит около 1кб
- Автоматически расширяет методы для JQuery и Zepto
Установка и использование
Установить библиотеку можно с помощью npm:
npm install trial-js -S
Подключите файл:
<script src="node_modules/trial-js/trial.min.js"></script>
Если вы используете webpack, вы можете загрузить библиотеку через загрузчик скриптов:
require('script!trial-js')
Вызовите функцию, когда мышка заходит на элемент, который вы отслеживаете:
Trial(selector).enter(
{ distance: 100, cord: 'center'},
function(distance, ele, event){
// какие-то действия
)
);
Если вы используете JQuery или Zepto, trial расширяет $.fn автоматически:
$(selector).enter(
{ distance: 100, cord: 'center'},
function(distance, ele, event){
// какие-то действия
)
);
А у меня на этом все. Спасибо за внимание!
