قدم أولاً الطريقة العامة لإضافة الأحداث بواسطة JS. المحتوى المحدد كما يلي
<! doctype html> <html> <head> <meta charset = "utf-8"> </title> </title> </head> <body> <p id = "p1"> اختبار إضافة حدث: firefox يستخدم addeventlistener ، ie يستخدم مرفق <br> انقر فوق علامة p ، و 2 pubp-up أحداث ملزمة </p> script1) } وظيفة test2 () {Alert ("test2") ؛ }. } // ie استخدم AttachEvent لإضافة حدث آخر {element.attachevent ("on"+e ، fn) ؛ }} window.onload = function () {var element = document.getElementById ("p1") ؛ addEvent (عنصر ، "انقر" ، test1) ؛ addEvent (عنصر ، "انقر" ، test2) ؛ } </script> </body> </html>طرق شائعة لربط أحداث JS:
كيفية ربط الأحداث: ربط وظائف الحدث بسمات الحدث
ميزة:
1. أكمل فصل السلوكيات
2. إنه مناسب لتشغيل الكائن المعني ، لأن الوظيفة تظهر كسممة على *** ، يمكنك الرجوع مباشرة إلى الكائن المعني باستخدام هذا.
3. من السهل قراءة كائنات الحدث. عندما يتم تشغيل الحدث ، سيقوم النظام تلقائيًا بتمرير كائن الحدث إلى وظيفة الحدث ، وسيتم تمرير أحدها.
<؟ xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/> event event js </title> <sistrip k = document.getElementById ('k'). onClick = function (event) {var jj = document.getElementById ('jj') ؛ jj.style.top = event.clientx+'px' ؛ jj.style.left = event.clienty+'px' ؛ }} </script> <style> #k {width: 60px ؛ الارتفاع: 80px ؛ خلفية اللون:#80ffff ؛} #jj {width: 60px ؛ الارتفاع: 80px ؛ خلفية اللون:#ffff00 ؛ z-index: 1000 ؛ الموضع: absolute ؛} </style> </head> <body> <div id = "k"> </div id = "jj"ما سبق هو كل شيء عن هذا المقال ، آمل أن يكون مفيدًا لتعلم الجميع.