تلخص هذه المقالة الأحداث الشائعة لـ JS DOM للجميع، والتي لها قيمة مرجعية معينة يمكن للأصدقاء المهتمين الرجوع إليها.
انقر فوق انقر فوق dblclick انقر نقرًا مزدوجًا فوق قائمة السياق انقر بزر الماوس الأيمن فوق الماوس فوق العنصر، يوصى باستخدام mouseenter بدلاً من mouseout يترك الماوس العنصر، ويوصى باستخدام mouseleave بدلاً من أدخل الماوس يحوم فوق العنصر، اترك الماوس يترك العنصر، الماوس لأسفل، اضغط على زر الماوس لأعلى، رفع زر الماوس، تحريك الماوس
، الضغط على زر لوحة المفاتيح، الضغط على زر لوحة المفاتيح، الضغط المرتفع، الضغط على زر لوحة المفاتيح، يستخدم لإدخال مفاتيح الأحرف
1. ما هي العناصر يمكن الاستماع إلى أحداث لوحة المفاتيح؟
① الوثيقة
② العناصر التي يمكن التركيز عليها (عناصر التحكم في النموذج، وخاصة عناصر الإدخال)
2. ما الفرق بين الضغط على المفتاح والضغط عليه؟
① يمكن تشغيل المفتاح لأسفل عن طريق الضغط على جميع المفاتيح، ولا يمكنه التمييز بين المفاتيح الكبيرة والصغيرة.
② لا يمكن تشغيل الضغط على المفاتيح إلا عند الضغط على المفتاح الذي يمكنه إدخال الأحرف، ويمكن أن تكون المفاتيح حساسة لحالة الأحرف.
3. كيفية معرفة الزر الذي تم الضغط عليه؟
استخدم السمات الموجودة في كائن الحدث:
يحصل evnet.keyCode على قيمة ascii المقابلة لحدث المفتاح.
وهي نفس قيمة keyCode
events.key التي تحصل على قيمة حرف المفتاح.
عند تحميل كل شيء في الصفحة. يمكنك الاستماع إلى النافذة أو عنصر النص. سيتم تشغيل DOMContentLoaded عند تحميل جميع العناصر الموجودة في الصفحة يمكن فقط استخدام addEventListener للاستماع إلى الحدث قبل إلغاء التحميل. الفرق بين حدث التحميل وحدث DOMContentLoaded الذي يتم تشغيله عند إغلاق صفحة الويب
:
① يتم تشغيل حدث التحميل فقط بعد تحميل كل شيء في الصفحة، بما في ذلك العناصر والعناصر الخارجية. موارد.
② يمكن تشغيل حدث DOMContentLoaded عند تحميل جميع العناصر الموجودة في الصفحة، باستثناء الموارد الخارجية.
إرسال النموذج عند إرسال النموذج. يتم تشغيل إعادة التعيين عند إعادة تعيين النموذج. يتم تشغيل التركيز على عنصر النموذج عندما يفقد عنصر التحكم في النموذج التركيز على تحديد المحتوى الموجود في مربع الإدخال أو الحقل النصي التغيير بالنسبة لمربع الإدخال، سيتم تشغيله فقط عندما يتغير المحتوى ويتم فقدان التركيز؛ وهو مناسب لتحديد
تحميل ملف الصورة، خطأ مكتمل، فشل تحميل الصورة
التي يتم تغيير حجمها تراقب النافذة ويتغير حجم إطار العرض. يراقب النافذة أو العناصر ذات أجسام التمرير، التي يتم تشغيلها عند تمرير المحتوى الموجود في الصفحة أو العنصر.
قم بتعيين المعلمة الرسمية الأولى لوظيفة رد الاتصال للحدث للحصول على كائن الحدث.
تحصل الأنواع المختلفة من الأحداث على أنواع مختلفة من كائنات الأحداث.
offsetX / offsetY احصل على الموضع الإحداثي للماوس على العنصر المستهدف ClientX / ClientY احصل على الموضع الإحداثي للماوس على إطار العرض pageX / pageY احصل على الموضع الإحداثي للماوس على الصفحة ScreenX / ScreenY احصل على الموضع الإحداثي للماوس على الشاشة، يحصل زر الموضع الإحداثي الموجود على الزر على زر الماوس الذي تم الضغط عليه، 0: الزر الأيسر؛ 2: الزر الأيمن
keyCode على قيمة الكود المقابلة للزر وهو نفس رمز المفتاح المفتاح يحصل على قيمة الحرف المقابلة للمفتاح
النوع يحصل على اسم الحدث timeStamp يحصل على عدد المللي ثانية منذ بدء الحدث الهدف يحصل على العنصر الهدف stopPropagation() يمنع الحدث من الفقاعات يمنع السلوك الافتراضي للمتصفح
عن طريق تنفيذ event.stopPropagation() في وظيفة رد الاتصال للحدث لمنع ظهور الفقاعات.
النقر فوق الارتباط التشعبي لإرسال نموذج الانتقال وإعادة تعيينه، والنقر بزر الماوس الأيمن لإظهار قائمة النظام، وما إلى ذلك...
قم باستدعاء event.preventDefault() في وظيفة رد الاتصال الخاصة بالحدث لمنع السلوك الافتراضي.
ملاحظة: إذا كنت تستخدم الطريقة الثانية للاستماع إلى الأحداث،
return falseفي وظيفة رد الاتصال يمكن أن يمنع أيضًا السلوك الافتراضي.
إلى عنصر السلف ويحدد العنصر الهدف وينفذ العمليات ذات الصلة إذا كان العنصر الهدف مستوفيًا للشروط.
مزايا تفويض الحدث:
للاستماع إلى نفس الحدث على عدد كبير من العناصر، يعد استخدام تفويض الحدث أكثر كفاءة من الاجتياز والاستماع واحدًا تلو الآخر.
يتيح استخدام تفويض الحدث للعناصر الجديدة الاستجابة للأحداث.
التوصيات ذات الصلة: [فيديو تعليمي لجافا سكريبت]
ما ورد أعلاه هو أحدث ملخص لأحداث JavaScript DOM الشائعة! لمزيد من التفاصيل، يرجى الانتباه إلى المقالات الأخرى ذات الصلة على موقع php الصيني!
