watching you

Características

• Ser capaz de assistir o mouse ou outro DOM, ou mesmo os valores de entrada, assista o que quiser!
• Por ser baseado em DOM, é fácil suportar RWD
• Suporta várias estruturas
• Dependência zero (toda estrutura é!)
• Escrito em TypeScript
• O tamanho do código principal é apenas 3kb após a compactação GZIP
• Se o elemento não estiver na tela, ele parará automaticamente de assistir

Exemplo

• Formulário de login
• Corrente de ferro
• Cena está te observando
• SVG Path Watcher

O código -fonte pode ser encontrado aqui

Livro de histórias

Observando o livro de histórias de você usando o React, mas toda estrutura pode fazer a mesma coisa!

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

Documentos

️ A API ainda está sujeita a alteração até que a versão 1.0.0 seja lançada ️

• Baunilla.js
• Reagir
• Vue

Compatibilidade

Se você usar watching-you diretamente sem qualquer compilador (Babel), (por exemplo, Projeto WordPress usando CDN importar watching-you )

	Cromo	Firefox	Safári	Borda	Ópera	iOS Safari/Chrome	Android Chrome
Suportado	70+	73+	14.1+	80+	70+	14.1+	✔

Mas se você usar um compilador como Babel e Importar Polyfill, ele pode até apoiar o IE11

Algumas referências:
https://babeljs.io/
https://github.com/vitejs/vite/tree/main/packages/plugin-legacy

Observação

• Ao assistir input ou textarea , o atributo de text-align deve ser left
• Alguns elementos embutidos ignoram o atributo transform (digamos, span ), então você deve dar a eles o atributo display para funcionar corretamente. (Veja: https://stackoverflow.com/questions/24961795/how-can-i-use-css3-transform-on-d-span)
• Você pode precisar de algo como transition: transform .1s dependendo de suas necessidades

Licença

ISC