Dalam JavaScript, Anda dapat menentukan acara untuk suatu elemen, dan ada tiga cara untuk menentukannya:
1. Dalam HTML, gunakan atribut OnClick
2. Dalam JavaScript, gunakan atribut OnClick
3. Di Javascipt, gunakan metode AddevenListener ()
Perbandingan tiga metode
(1) Dalam metode kedua dan ketiga, objek peristiwa dapat diteruskan ke fungsi dan sifatnya yang sesuai dapat dibaca, tetapi metode 1 tidak dapat digunakan.
(2) Jenis kedua dan ketiga lebih disukai. Tipe pertama tidak kondusif untuk memisahkan konten dari peristiwa, dan juga tidak mungkin untuk menggunakan konten yang relevan dari objek acara.
Beberapa detail sintaksis
(1) Dalam metode pertama, case onClick tidak relevan, tetapi dalam metode kedua, huruf kecil harus digunakan. Karena HMTL tidak sensitif pada kasus, sedangkan JS peka huruf besar -kecil.
(2) Dalam metode kedua dan ketiga, tidak ada kutipan ganda saat menentukan nama fungsi, sedangkan metode pertama adalah atribut HTML dan membutuhkan kutipan ganda.
(3) Metode pertama membutuhkan tanda kurung, sedangkan metode kedua dan ketiga tidak.
OnClick = "clickHandler ()" document.geteLementById ("jsonClick"). onclick = clickHandler2; document.getElementById ("AddEventListener"). AddEventListener ("klik", clickhandler2);Kode lengkapnya adalah sebagai berikut:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Even Deom</title> </head> <body> <button id="htmlOnClick" onclick="clickHandler()">htmlOnClick</button> <button id="jsOnClick">jsOnClick</button> <button id = "AddEventListener"> AddEventListener </aton> <Script Defer> function clickHandler () {alert ("Atribut OnClick di HTML"); } function clickHandler2 (e) {alert (e.target.innerHtml); } document.getElementById ("jSonClick"). OnClick = clickHandler2; document.getElementById ("AddEventListener"). AddEventListener ("klik", clickhandler2); </script> </body> </html>Dalam JavaScript, Anda dapat menentukan acara untuk suatu elemen, dan ada tiga cara untuk menentukannya:
1. Dalam HTML, gunakan atribut OnClick
2. Dalam JavaScript, gunakan atribut OnClick
(1) Perhatikan bahwa nama fungsi tidak memiliki kutipan ganda.
3. Di Javascipt, gunakan metode AddevenListener ()
Perbandingan tiga metode
(1) Dalam metode kedua dan ketiga, objek peristiwa dapat diteruskan ke fungsi dan sifatnya yang sesuai dapat dibaca, tetapi metode 1 tidak dapat digunakan.
Beberapa detail sintaksis
(1) Dalam metode pertama, case onClick tidak relevan, tetapi dalam metode kedua, huruf kecil harus digunakan. Karena HMTL tidak sensitif pada kasus, sedangkan JS peka huruf besar -kecil.
(2) Dalam metode kedua dan ketiga, tidak ada kutipan ganda saat menentukan nama fungsi, sedangkan metode pertama adalah atribut HTML dan membutuhkan kutipan ganda.
(3) Metode pertama membutuhkan tanda kurung, sedangkan metode kedua dan ketiga tidak.
OnClick = "clickHandler ()" document.geteLementById ("jsonClick"). onclick = clickHandler2; document.getElementById ("AddEventListener"). AddEventListener ("klik", clickhandler2);Kode lengkapnya adalah sebagai berikut:
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Even Deom</title></head><body><button id="htmlOnClick" onclick="clickHandler()">htmlOnClick</button><button id="jsOnClick">jsOnClick</button><button id = "AddEventListener"> AddEventListener </aton> <Script Defer> function clickHandler () {alert ("Atribut OnClick di html");} function clickHandler2 (e) {alert (e.target.innerHtml);} document.getElementByD ("jsonclick"). clickHandler2; document.getElementById ("AddEventListener"). AddEventListener ("klik", clickHandler2); </script> </body> </html>