كيفية تغيير مؤشر الماوس باستخدام OnMouseOver

مؤلف: Frank Hunt
تاريخ الخلق: 15 مارس 2021
تاريخ التحديث: 15 قد 2024
Anonim
How to use onClick, onMouseOver and async events in React
فيديو: How to use onClick, onMouseOver and async events in React

المحتوى

يتم تشغيل الحدث "OnMouseOver" عندما يقوم المستخدم بتمرير مؤشر الماوس فوق عنصر صفحة. يمكن أن يحدث هذا مع أي عنصر ، مثل صورة أو زر أو جدول أو الصفحة نفسها. يمكنك تغيير الرمز المعروض للمستخدم عندما يتخطى مؤشر الماوس هذه العناصر باستخدام Javascript في خصائص التحكم. يتم استخدام الحدث "OnMouseOver" مع "OnMouseOut" ، والذي يتم تشغيله عندما لا يكون مؤشر الماوس على العنصر ، ويتم استخدامه لرمز المؤشر للعودة إلى صورته الأصلية.


الاتجاهات

يتم تشغيل الحدث "OnMouseOver" عند التمرير فوق عنصر معين (صورة فأرة الكمبيوتر عن طريق Edyta آنا Grabowska من Fotolia.com)
  1. افتح ملف HTML باستخدام محرر النصوص المفضل لديك. قم بالتمرير لأسفل إلى عنصر HTML الذي تريد تحريره. يمكن أن يكون أي عنصر على الصفحة. في هذا المثال ، التسمية "

  2. تعيين رمز Javascript إلى الحدث "OnMouseOver" الذي يتغير مؤشر الماوس. تقوم التعليمة البرمجية التالية بتغيير المؤشر إلى يد صغيرة عندما يحوم المستخدم فوق الصورة:

  3. اجعل مؤشر الماوس يعود إلى أيقونه الأصلية بعد أن لم يعد موجودًا على العنصر. إذا لم تقم بتكوين الحدث "OnMouseOut" ، فسيستمر الماوس في التغيير أثناء قيام المستخدم بالتنقل في الصفحة. يؤدي التعليمة البرمجية التالية مؤشر الماوس للعودة إلى الافتراضي: