الحدث جافا سكريبت HTML DOM
HTML DOM جافا سكريبت، HTML لديه القدرة على التفاعل مع الأحداث.
أمثلة
الرد على الأحداث
يمكن أن نقوم بتنفيذ جافا سكريبت عند وقوع الحدث، مثل عندما ينقر المستخدم على عنصر HTML.
لتنفيذ التعليمات البرمجية عندما ينقر المستخدم على عنصر، إضافة شفرة جافا سكريبت لسمات الحدث HTML:
HTML أمثلة الحدث:
- عندما ينقر المستخدم الماوس
- عندما تحميل الصفحة
- عندما تكون الصورة المحملة
- عندما يتحرك الماوس فوق عنصر
- عندما يتم تغيير حقل الإدخال
- عند تقديم استمارة HTML
- عندما يطلق المستخدم مفتاح
في هذا المثال، عندما يقوم المستخدم على <H1> العنصر عند النقر عليها، وتغيير محتوياته:
أمثلة
<HTML>
<body>
<H1 عند _ النقر = "this.innerHTML = 'خطأ!'"> انقر على النص! </ H1>
</ الجسم>
</ HTML>
محاولة »
في هذه الحالة إلى استدعاء دالة من معالج الحدث:
أمثلة
<HTML>
<رئيس>
<script>
changetext وظيفة (معرف)
{
id.innerHTML = "خطأ!".
}
</ script>
</ رئيس>
<body>
<H1 عند _ النقر = "changetext (هذا)"> انقر على النص! </ H1>
</ الجسم>
</ HTML>
محاولة »
سمات الحدث HTML
لتعيين الأحداث لعناصر HTML، يمكنك استخدام سمات الحدث.
أمثلة
تعيين إلى العنصر زر الحدث onClick:
محاولة »
في المثال أعلاه، التي يطلق عليها وظيفة سوف displayDate تنفيذه عند النقر فوق الزر.
استخدام DOM HTML لتعيين الحدث
يسمح HTML DOM لك استخدام جافا سكريبت لتعيين الأحداث لعناصر HTML:
أمثلة
تعيين إلى العنصر زر الحدث onClick:
. document.getElementById ( "myBtn") عند _ النقر = وظيفة () {displayDate ()}؛
</ script>
محاولة »
في المثال أعلاه، يتم تعيين وظيفة لمعرف displayDate = myButn "عنصر HTML مسمى.
انقر على زر متى سيتم تنفيذ الدالة جافا سكريبت.
onload و الحدث معالج onunload
يتم تشغيل onload و معالج onunload الحدث عندما يدخل المستخدم أو يترك الصفحة.
يمكن استخدام الحدث ONLOAD نوع المتصفح ونسخة من متصفح تم الكشف الزائر، وبناء على هذه المعلومات لتحميل الإصدار الصحيح من الصفحة.
onload و الحدث معالج onunload يمكن استخدامها للتعامل مع الكعكة.
الحدث عند_التغيير
عند_التغيير الحدث في كثير من الأحيان جنبا إلى جنب التحقق من صحة حقل الإدخال للاستخدام.
هنا مثال على كيفية استخدام عند_التغيير. عندما يقوم المستخدم بتغيير محتويات حقل الإدخال، ويدعو الكبيرة وظيفة ().
onmouseover وonmouseout الأحداث
onmouseover وonmouseout يمكن استخدامها لتحريك الأحداث وظائف عندما يتحرك الماوس المستخدم في الجزء العلوي من عنصر HTML أو العناصر إزالتها.
عند_ضغط_الماوس، onmouseup والحدث onClick
عند_ضغط_الماوس، onmouseup وعند _ النقر تشكل جميع أنحاء حدث النقر بالماوس. أولا، عند النقر فوق زر الماوس، على الزناد عند_ضغط_الماوس حدث عند تحرير زر الماوس، وسوف يؤدي onmouseup الحدث، وأخيرا، عندما الانتهاء من النقر بالماوس، وسوف يؤدي الحدث onclick.
أمثلة
بسيطة عند_ضغط_الماوس-onmouseup سبيل المثال:
مزيد من الأمثلة
عند_ضغط_الماوس وonmouseup
عندما يضغط المستخدم على زر الماوس، واستبدال صورة.
ONLOAD
عندما تكون الصفحة الانتهاء من شحن، عرض مربع الرسالة.
تشغيل OnFocus
عندما يكون حقل إدخال التركيز، وتغيير لون الخلفية.
أحداث الماوس
عندما يتحرك المؤشر فوق العنصر، تغير لونه، وعندما يتحرك مؤشر للخروج من النص، فإن لونه يتغير مرة أخرى.