watching you

Fitur

• Dapat menonton mouse atau DOM lain, atau bahkan nilai masukan, menonton apa pun yang Anda inginkan!
• Karena berbasis DOM, mudah untuk mendukung RWD
• Mendukung banyak kerangka kerja
• Ketergantungan nol (setiap kerangka kerja!)
• Ditulis dalam naskah
• Ukuran kode inti hanya 3kb setelah kompresi GZIP
• Jika elemen tidak ada di layar, itu akan secara otomatis berhenti menonton

Contoh

• Formulir login
• Rantai besi
• Cena mengawasimu
• SVG Path Watcher

Kode sumber dapat ditemukan di sini

Buku cerita

Menonton buku cerita Anda menggunakan React, tetapi setiap kerangka kerja dapat melakukan hal yang sama!

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

Dokumen

️ API masih dapat berubah hingga versi 1.0.0 dirilis ️

• Vanilla.js
• Bereaksi
• Vue

Kesesuaian

Jika Anda menggunakan watching-you secara langsung tanpa kompiler (Babel), (misalnya proyek WordPress menggunakan CDN Import watching-you )

	Chrome	Firefox	Safari	Tepian	Opera	ios safari/chrome	Android Chrome
Didukung	70+	73+	14.1+	80+	70+	14.1+	✔

Tetapi jika Anda menggunakan kompiler seperti Babel dan impor Polyfill, itu bahkan dapat mendukung IE11

Beberapa referensi:
https://babeljs.io/
https://github.com/vitejs/vite/tree/main/packages/plugin-legacy

Catatan

• Saat menonton input atau textarea , atribut text-align harus left
• Beberapa elemen inline mengabaikan atribut transform (katakanlah span ), jadi Anda harus memberi mereka atribut display agar berfungsi dengan baik. (Lihat: https://stackoverflow.com/questions/24961795/how-can-liuse-css3-transform-on-a-span)
• Anda mungkin membutuhkan sesuatu seperti transition: transform .1s tergantung pada kebutuhan Anda

Lisensi

ISC