watching you

特徵

• 能夠觀看鼠標或其他DOM，甚至輸入值，請觀察您想要的任何內容！
• 因為它是基於DOM的，所以很容易支持RWD
• 支持多個框架
• 零依賴性（每個框架都是！）
• 用打字稿編寫
• GZIP壓縮後，核心代碼的大小僅為3KB
• 如果元素不在屏幕上，它將自動停止觀看

例子

• 登錄表格
• 鐵鍊
• 塞納在看你
• SVG守望者

源代碼可以在這裡找到

故事書

使用React觀看您的故事書，但是每個框架都可以做同樣的事情！

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

文件

配x API仍需要更改，直到版本1.0.0發布配x

• Vanilla.js
• 反應
• Vue

相容性

如果您直接使用任何編譯器（babel）直接watching-you （例如，使用cdn inoctimpt import watching-you ）

	鉻合金	Firefox	野生動物園	邊緣	歌劇	ios Safari/Chrome	Android Chrome
支持	70+	73+	14.1+	80+	70+	14.1+	✔

但是，如果您使用Babel和Import Polyfill等編譯器，它甚至可以支持IE11

一些參考：
https://babeljs.io/
https://github.com/vitejs/vite/tree/main/packages/plugin-legacy

筆記

• 在觀看input或textarea時，必須left text-align屬性
• 某些內聯元素忽略了transform屬性（例如，假設span ），因此您必須將display屬性正常工作。 （請參閱：https：//stackoverflow.com/questions/24961795/how-can-i-i-is-i-is-css3-transform-on-a-pan）
• 您可能需要諸如transition: transform .1s具體取決於您的需求

執照

ISC