في JavaScript ، يمكنك تحديد أحداث لعنصر ما ، وهناك ثلاث طرق لتحديدها:
1. في HTML ، استخدم سمة OnClick
2. في JavaScript ، استخدم سمة Onclick
3.
مقارنة ثلاث طرق
(1) في الطرق الثانية والثالثة ، يمكن تمرير كائن الحدث إلى الوظيفة ويمكن قراءة خصائصه المقابلة ، ولكن لا يمكن استخدام الطريقة 1.
(2) النوع الثاني والثالث مفضل. النوع الأول لا يفضي إلى فصل المحتوى عن الأحداث ، ومن المستحيل أيضًا استخدام المحتوى ذي الصلة لكائن الحدث.
بعض تفاصيل بناء الجملة
(1) في الطريقة الأولى ، تكون حالة OnClick غير ذات صلة ، ولكن في الطريقة الثانية ، يجب استخدام الحالة السفلية. لأن HMTL ليس حساسا للحالة ، في حين أن JS حساسة للحالة.
(2) في الطرق الثانية والثالثة ، لا توجد علامات اقتباس مزدوجة عند تحديد اسم الوظيفة ، في حين أن الطريقة الأولى هي سمة HTML وتتطلب عروض أسعار مزدوجة.
(3) تتطلب الطريقة الأولى قوسين ، في حين أن الطرق الثانية والثالثة لا.
onClick = "clickHandler ()" document.getElementById ("jsonclick"). onClick = clickHandler2 ؛ document.getElementById ("addeventListener"). addeventListener ("Click" ، clickHandler2) ؛الرمز الكامل كما يلي:
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> حتى deom </title> </head> <body> <button id = "htmlonclick" onClick = "clickHandler ()"> htmlonclick </id button> id = "addeventListener"> addeventListener </utton> <script defer> function clickHandler () {Alert ("onClick attribute in HTML") ؛ } function clickHandler2 (e) {Alert (e.target.innerhtml) ؛ } document.getElementById ("jsonclick"). onClick = clickHandler2 ؛ document.getElementById ("addeventListener"). addeventListener ("Click" ، clickHandler2) ؛ </script> </body> </html>في JavaScript ، يمكنك تحديد أحداث لعنصر ما ، وهناك ثلاث طرق لتحديدها:
1. في HTML ، استخدم سمة OnClick
2. في JavaScript ، استخدم سمة Onclick
(1) لاحظ أن اسم الوظيفة لا يحتوي على علامات اقتباس مزدوجة.
3.
مقارنة ثلاث طرق
(1) في الطرق الثانية والثالثة ، يمكن تمرير كائن الحدث إلى الوظيفة ويمكن قراءة خصائصه المقابلة ، ولكن لا يمكن استخدام الطريقة 1.
بعض تفاصيل بناء الجملة
(1) في الطريقة الأولى ، تكون حالة OnClick غير ذات صلة ، ولكن في الطريقة الثانية ، يجب استخدام الحالة السفلية. لأن HMTL ليس حساسا للحالة ، في حين أن JS حساسة للحالة.
(2) في الطرق الثانية والثالثة ، لا توجد علامات اقتباس مزدوجة عند تحديد اسم الوظيفة ، في حين أن الطريقة الأولى هي سمة HTML وتتطلب عروض أسعار مزدوجة.
(3) تتطلب الطريقة الأولى قوسين ، في حين أن الطرق الثانية والثالثة لا.
onClick = "clickHandler ()" document.getElementById ("jsonclick"). onClick = clickHandler2 ؛ document.getElementById ("addeventListener"). addeventListener ("Click" ، clickHandler2) ؛الرمز الكامل كما يلي:
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> حتى deom </title> </head> <body> <button id = "htmlonclick" onClick = "clickHandler ()"> htmlonclick </id button> id = "addeventListener"> addeventListener </utton> <script defer> function clickHandler () {Alert ("onClick attribute in html") ؛} function clickHandler2 (e) {alert ( clickHandler2 ؛ document.getElementById ("addeventListener"). addeventListener ("Click" ، clickHandler2) ؛ </script> </body> </html>