หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

ดูเมาส์ของคุณดูค่าอินพุตของคุณ

คุณสมบัติ

  • สามารถดูเมาส์หรือ DOM อื่นหรือแม้แต่ค่าอินพุตดูสิ่งที่คุณต้องการ!
  • เนื่องจากเป็นแบบอิงตาม DOM จึงเป็นเรื่องง่ายที่จะรองรับ RWD
  • รองรับหลายเฟรม
  • การพึ่งพาศูนย์ (ทุกเฟรมเวิร์กคือ!)
  • เขียนด้วย TypeScript
  • ขนาดของรหัสหลักมีเพียง 3KB หลังจากการบีบอัด GZIP
  • หากองค์ประกอบไม่ได้อยู่บนหน้าจอมันจะหยุดดูโดยอัตโนมัติ

ตัวอย่าง

  • แบบฟอร์มเข้าสู่ระบบ
  • โซ่เหล็ก
  • ซีน่ากำลังเฝ้าดูคุณ
  • SVG Path Watcher

ซอร์สโค้ดสามารถพบได้ที่นี่

หนังสือนิทาน

ดูหนังสือนิทานของคุณโดยใช้ React แต่ทุกกรอบสามารถทำสิ่งเดียวกันได้!

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

เอกสาร

API ยังคงมีการเปลี่ยนแปลงจนกว่าจะเปิดตัวเวอร์ชัน 1.0.0

  • vanilla.js
  • ตอบโต้
  • ความเต็ม

ความเข้ากันได้

หากคุณใช้ watching-you โดยตรงโดยไม่มีคอมไพเลอร์ (บาเบล) (เช่นโครงการ WordPress โดยใช้ CDN นำเข้า watching-you )

โครเมี่ยม Firefox ซาฟารี ขอบ โอเปร่า iOS Safari/Chrome Android Chrome
ที่ได้รับการสนับสนุน 70+ 73+ 14.1+ 80+ 70+ 14.1+

แต่ถ้าคุณใช้คอมไพเลอร์อย่างบาเบลและนำเข้าโพลีฟิลมันก็สามารถรองรับ 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-i-use-css3-transform-on-a-span)
  • คุณอาจต้องการสิ่งต่าง ๆ เช่น transition: transform .1s ขึ้นอยู่กับความต้องการของคุณ

ใบอนุญาต

ISC

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด