Latest web development tutorials
×

JavaScript مسار

JavaScript مسار JavaScript مقدمة موجزة JavaScript استعمال JavaScript تصدير JavaScript قواعد JavaScript البيانات JavaScript مذكرة JavaScript متغير JavaScript أنواع البيانات JavaScript الأجسام JavaScript وظيفة JavaScript مجال JavaScript حدث JavaScript سلسلة JavaScript مشغلي JavaScript مقارنة JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript نوع التحويل JavaScript التعبير العادية JavaScript خطأ JavaScript التصحيح JavaScript رفع متغير JavaScript الوضع الصارم JavaScript استخدام غير لائق JavaScript مصادقة النماذج JavaScript كلمات محفوظة JavaScript JSON JavaScript void JavaScript كود المواصفات

JS وظيفة

JavaScript تعريف وظيفة JavaScript وسائط الدالة JavaScript استدعاء دالة JavaScript الإغلاق

JS HTML DOM

DOM مقدمة موجزة DOM HTML DOM CSS DOM حدث DOM EventListener DOM العنصر

JS دروس متقدمة

JavaScript الأجسام JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp الأجسام

JS المتصفح BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript فرقعة JavaScript حدث موقوتة JavaScript Cookies

JS مخزن

JavaScript مخزن JavaScript اختبار jQuery JavaScript اختبار Prototype

JS أمثلة

JavaScript أمثلة JavaScript مثيل كائن JavaScript مثيل كائن المستعرض JavaScript HTML DOM أمثلة JavaScript ملخص

JS الدليل المرجعي

JavaScript الأجسام HTML DOM الأجسام

جافا سكريبت الأحداث

جرت أحداث HTML مكان على الأشياء عنصر HTML.

عند استخدام جافا سكريبت في صفحات HTML، يمكن أن جافا سكريبت تؤدي هذه الأحداث.


حدث HTML

الحدث HTML يمكن أن يكون ويمكن أيضا أن يكون سلوك متصفح سلوك المستخدم.

وفيما يلي أمثلة من الحدث HTML:

  • صفحة HTML انتهاء التحميل
  • عندما يتغير حقل الإدخال HTML
  • يتم النقر على زر HTML

عادة، عند حدوث حدث، يمكنك أن تفعل شيئا.

عندما يتم تشغيل الحدث جافا سكريبت يمكن تنفيذ بعض التعليمات البرمجية.

يمكن إضافة عناصر HTML إلى سمة الحدث باستخدام شفرة جافا سكريبت لإضافة عناصر HTML.

علامات الاقتباس المفردة:

<بعض-HTML-عنصر some- الحدث = 'بعض جافا سكريبت ">

علامات الاقتباس المزدوجة:

<بعض-HTML-عنصر some- الحدث = "بعض جافا سكريبت">

في المثال التالي، بإضافة عنصر زر السمة عند_النقر (بالإضافة إلى كود):

أمثلة

<زر عند _ النقر = 'getElementById ( "التجريبي"). Html داخلي = التاريخ ()'> الساعة الآن ؟؟ </ زر>

محاولة »

في المثال أعلاه، وجافا سكريبت المحتوى رمز معرف = "عرض" عنصر.

في المثال التالي، سوف رمز تعديل المحتوى من العنصر نفسه (باستخدام هذا .innerHTML):

أمثلة

<زر عند _ النقر = "this.innerHTML = التاريخ ()"> الساعة الآن؟ </ زر>

محاولة »

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

أمثلة

<زر عند _ النقر = "displayDate ()"> الساعة الآن؟ </ زر>

محاولة »


الحدث HTML المشترك

وهنا لائحة من بعض الأحداث HTML شيوعا:

حدث وصف
عند_التغيير التغييرات عنصر HTML
عند _ النقر ينقر المستخدم على عنصر HTML
onmouseover المستخدم بتحريك الماوس على عنصر HTML
onmouseout مستخدمين تحريك الماوس من عنصر HTML
عند_ضغط_مفتاح المستخدم بالضغط على مفتاح
ONLOAD الانتهاء من المتصفح تحميل الصفحة

عن قائمة الأحداث: جافا سكريبت المرجعي - الحدث HTML DOM .


جافا سكريبت ما الذي يمكن عمله؟

الأحداث يمكن استخدامها للتعامل مع التحقق من صحة النموذج، مدخلات المستخدم، وسلوك المستخدم والإجراءات المتصفح:

  • يتم تشغيل الحدث عند تحميل الصفحة
  • يتم تشغيل الحدث عندما تكون الصفحة إغلاق
  • المستخدم بالنقر فوق الزر لتنفيذ إجراء
  • التحقق من شرعية إدخال المستخدم
  • وهلم جرا ...

يمكنك استخدام مجموعة متنوعة من الأساليب لتنفيذ التعليمات البرمجية الحدث جافا سكريبت:

  • يمكن سمات الحدث HTML تنفيذ شفرة جافا سكريبت مباشرة
  • يمكن سمات الحدث HTML استدعاء الدالة جافا سكريبت
  • يمكنك تحديد الخاصة بك معالج الحدث الخاص لعناصر HTML
  • يمكنك منع وقوع الحدث.
  • وهلم جرا ...
مذكرة في HTML DOM الفصل سوف تتعلم المزيد عن هذا الحدث والمعرفة معالج الحدث.