معالجة الأحداث
1. مصدر الحدث: أي عنصر HTML (العقدة) ، الجسم ، DIV ، زر
2. الحدث: عمليتك
الماوس:
انقر
Dblick انقر نقرًا مزدوجًا
onContextMenu قائمة نصية
نسخة الكود كما يلي:
<body onContextMenu = "return false"> // حظر برنامج النقر بزر الماوس الأيمن
وضعت Mouseover
ماوس
موسى
رفع الماوس
فأر Mousemove
لوحة المفاتيح:
حدث لوحة المفاتيح Keypress
رفع keyup
Keydown
وثيقة:
تحميل تحميل
Onload هو حدث يطلق النار بعد تحميل الصفحة
تفريغ عن قرب
قبل إغلاق الحمولة المحمية
استمارة:
حدث التركيز
يطوّع التركيز
إرسال الحدث
تغيير الحدث تغيير
آخر:
التمرير
SelectStart حدد الحدث
3. معالج الأحداث
النوع الأول:
التنسيق: <علامة على Event = "Event Handler" />
مثال:
نسخة الكود كما يلي:
<script>
وظيفة العرض () {
var one = document.getElementById ("one") ؛
ALERT (One.innertext) ؛
}
يعرض()؛
</script>
<body>
<div id = "one">
wwwwwwwwwwwwwwwwwwwwwww
</div>
<type type = "button" onClick = "show ()" value = "show">
النوع الثاني:
المعالج مباشرة في JavaScript Object.on
نسخة الكود كما يلي:
<div id = "two">
مرحبًا ، wulin.com//www.vevb.com
</div>
<script>
var one = document.getElementById ("اثنين") ؛
one.onclick = function () {
this.style.backgroundColor = "Red" ؛
}
</script>
النوع الثالث:
في الأساس لا أحد يستخدمه
نسخة الكود كما يلي:
<script for = "event source id" event = "event"> معالج الأحداث </script>
<div id = "th">
مرحبًا ، wulin.com//www.vevb.com
</div>
<script for = "th" event = "onClick">
var one = document.getElementById ("th") ؛
One.style.backgroundColor = "Red" ؛
</script>
هل فهمت معالجة حادثة جافا سكريبت؟ اترك لي رسالة إذا كان لديك أي أسئلة.