watching you

Caractéristiques

• Être capable de regarder la souris ou un autre DOM, ou même les valeurs d'entrée, regardez tout ce que vous voulez!
• Parce qu'il est basé sur DOM, il est facile de prendre en charge RWD
• Prend en charge plusieurs frameworks
• Zéro dépendance (chaque cadre est!)
• Écrit en dactylographie
• La taille du code central n'est que de 3 Ko après la compression GZIP
• Si l'élément n'est pas à l'écran, il cessera automatiquement de regarder

Exemple

• Formulaire de connexion
• Chaîne de fer
• Cena te regarde
• SVG Path Watcher

Le code source peut être trouvé ici

Livre de contes

Regarder le livre de contes de You Using React, mais chaque cadre peut faire la même chose!

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

Documents

️ L'API est toujours susceptible de modifier jusqu'à ce que la version 1.0.0 soit publiée ️

• Vanille.js
• Réagir
• Vue

Compatibilité

Si vous utilisez watching-you directement sans aucun compilateur (Babel), (par exemple, projet WordPress en utilisant CDN Import watching-you )

	Chrome	Incendier	Safari	Bord	Opéra	iOS Safari / Chrome	Android Chrome
Soutenu	70+	73+	14.1+	80+	70+	14.1+	✔

Mais si vous utilisez un compilateur comme Babel et Importer Polyfill, il peut même prendre en charge IE11

Quelques références:
https://babeljs.io/
https://github.com/vitejs/vite/tree/main/packages/plugin-legacy

Note

• Lorsque vous regardez input ou textarea , l'attribut text-align doit être left
• Certains éléments en ligne ignorent l'attribut transform (disons span ), vous devez donc leur donner l'attribut display pour fonctionner correctement. (Voir: https://stackoverflow.com/questions/24961795/How-Can-i-Use-CSS3-transform-No-A-Span)
• Vous pouvez avoir besoin de quelque chose comme transition: transform .1s en fonction de vos besoins

Licence

Isc