watching you

Функции

• Иметь возможность наблюдать за мышью или другим DOM, или даже входные значения, смотрите все, что вы хотите!
• Поскольку он основан на DOM, его легко поддерживать RWD
• Поддерживает несколько структур
• Нулевая зависимость (каждая структура есть!)
• Написано в TypeScript
• Размер кода ядра составляет всего 3 КБ после сжатия GZIP
• Если элемент не на экране, он автоматически перестанет смотреть

Пример

• Форма входа в систему
• Железная цепь
• Сена смотрит на тебя
• SVG Path Watcher

Исходный код можно найти здесь

Сборник рассказов

Смотрю-вы, используя React, но каждая структура может сделать то же самое!

https://jj811208.github.io/watching-you/storybook

Документы

️ API по -прежнему может быть изменен, пока не будет выпущена версия 1.0.0 ️

• Vanilla.js
• Реагировать
• Vue

Совместимость

Если вы используете watching-you напрямую без какого-либо компилятора (Babel), (например, WordPress Project с использованием CDN Import watching-you )

	Хром	Firefox	Сафари	Край	Опера	iOS Safari/Chrome	Android Chrome
Поддерживается	70+	73+	14.1+	80+	70+	14.1+	✔

Но если вы используете компилятор, такой как Babel и импорт Polyfill, он может даже поддерживать IE11

Некоторые ссылки:
https://babeljs.io/
https://github.com/vitejs/vite/tree/main/packages/plugin-leagacy

Примечание

• При просмотре input или textarea , атрибут text-align должен быть left
• Некоторые встроенные элементы игнорируют атрибут transform (скажем, span ), поэтому вы должны дать им атрибут display для правильной работы. (См.: https://stackoverflow.com/questions/24961795/how-can-i-use-css3-transform-on-a-pan)
• Вам может понадобиться что -то вроде transition: transform .1s в зависимости от ваших потребностей

Лицензия

ISC