Как отслеживать позицию мышки на 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){
// какие-то действия
)
);
На официальном сайте вы можете посмотреть демонстрации примеров, их код, API и многое другое. Подробнее узнать про работу с библиотеками вы можете в видеокурсе JavaScript, jQuery и Ajax с Нуля до Гуру.
А у меня на этом все. Спасибо за внимание!
-
- Михаил Русаков
Комментарии (0):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.