watching you

特徴

• マウスや別のDOM、または入力値を見ることができるように、あなたが望むものは何でも見ることができます！
• DOMベースであるため、RWDをサポートするのは簡単です
• 複数のフレームワークをサポートします
• ゼロ依存関係（すべてのフレームワークは！）
• TypeScriptで書かれています
• コアコードのサイズは、GZIP圧縮後3kbのみです
• 要素が画面上にない場合、自動的に視聴が停止します

例

• ログインフォーム
• 鉄チェーン
• シナはあなたを見ています
• SVGパスウォッチャー

ソースコードはここにあります

ストーリーブック

Reactを使用して視聴しますが、すべてのフレームワークは同じことをすることができます！

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

ドキュメント

ショ和APIは、バージョン1.0.0がリリースされるまで変更される場合がありますショ和

• Vanilla.js
• 反応します
• vue

互換性

コンパイラなしで直接watching-youを使用する場合（babel）、（例：cdnインポートを使用してwordpressプロジェクト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-legacy

注記

• inputまたはtextareaを見るとき、 text-align属性をleft必要があります
• いくつかのインライン要素は、 transform属性（ spanとしましょう）を無視するため、適切に動作するためにdisplay属性を提供する必要があります。 （参照：https：//stackoverflow.com/questions/24961795/how-can-iuse-css3-transform-on-a-span）
• あなたはあなたのニーズに応じてtransition: transform .1s

ライセンス

ISC