الصفحة الرئيسية>موارد بناء الموقع>بيانات الموقع
تنزيل

مشاهدة الماوس الخاص بكمشاهدة قيمة الإدخال الخاصة بك

سمات

  • تكون قادرًا على مشاهدة الماوس أو DOM آخر ، أو حتى قيم الإدخال ، شاهد أي شيء تريده!
  • لأنه يعتمد على DOM ، من السهل دعم RWD
  • يدعم أطر عمل متعددة
  • التبعية صفر (كل إطار عمل!)
  • مكتوب في TypeScript
  • حجم الرمز الأساسي هو 3 كيلو بايت فقط بعد ضغط GZIP
  • إذا لم يكن العنصر على الشاشة ، فسيتوقف تلقائيًا عن المشاهدة

مثال

  • نموذج تسجيل الدخول
  • سلسلة الحديد
  • سينا يراقبك
  • مراقب المسار SVG

يمكن العثور على رمز المصدر هنا

قصص

مشاهدة كتاب قصصك باستخدام React ، ولكن كل إطار يمكن أن يفعل الشيء نفسه!

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

وثائق

️ لا يزال واجهة برمجة التطبيقات (API) عرضة للتغيير حتى يتم إصدار الإصدار 1.0.0 ️

  • الفانيليا
  • رد فعل
  • Vue

التوافق

إذا كنت تستخدم watching-you مباشرة بدون أي مترجم (بابل) ، (مثل مشروع WordPress باستخدام CDN 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- use-css3-transform-on-a-span)
  • قد تحتاج إلى شيء مثل transition: transform .1s اعتمادًا على احتياجاتك

رخصة

ISC

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل