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