فهم onkeypress مقابل onkeyup مقابل onkeydown

أثناء البحث عن الاختلافات بين هذه الأحداث الثلاثة ، قد تواجه فكرة خاطئة شائعة تحدث في وقت واحد مع onkeyup. دعنا نوضح هذا الالتباس ونلقي الضوء على الخصائص الفريدة لكل حدث.

جدول زمني للحدث

1. استثناء المتصفح: WebKit
في عالم متصفحات الويب ، يبرز WebKit عن طريق تقديم حدث إضافي: TextInput. وهكذا يصبح تسلسل الحدث لـ WebKit:
2. keydown keypress TextInput keyup عرض عملي
لمشاهدة هذه الأحداث في العمل ، قم بتشغيل مقتطف الكود التالي:
3. window.adDeventListener ("keypress" ، log) ؛ window.adDeventListener ("keydown" ، log) ؛ سجل الوظيفة (الحدث) { console.log (event.type) ؛ } يسجل هذا البرنامج النصي نوع الحدث إلى وحدة التحكم أثناء تفاعلك مع لوحة المفاتيح. ستلاحظ التسلسل المتميز للأحداث أثناء الضغط على مفاتيح وإصدارها.