Features

Be able to watch the mouse or another DOM, or even input values, watch anything you want!
Because it is DOM-based, it is easy to support RWD
Supports multiple frameworks
Zero dependency (every framework is!)
Written in typescript
The size of the core code is only 3kb after gzip compression
If the element is not on the screen, it will automatically stop watching

Example

The source code can be found here

watching-you's storybook using react, but every framework can do the same thing!

⚠️ The API is still subject to change until version 1.0.0 is released ⚠️

If you use watching-you directly without any compiler(babel), (e.g. Wordpress project using CDN import watching-you)

	Chrome	Firefox	Safari	Edge	Opera	iOS Safari/Chrome	Android Chrome
Supported	70+	73+	14.1+	80+	70+	14.1+	✔

But if you use a compiler like babel and import polyfill, it can even support IE11

When watching input or textarea, the text-align attribute must be left
Some inline elements ignore the transform attribute (let's say span), so you have to give them the display attribute to work properly. (see: https://stackoverflow.com/questions/24961795/how-can-i-use-css3-transform-on-a-span)
You may need something like transition: transform .1s depending on your needs