Pertama kali memperkenalkan metode umum untuk menambahkan acara oleh JS. Konten spesifiknya adalah sebagai berikut
<! Doctype html> <html> <head> <meta charset = "utf-8"> <itement> </iteme> </head> <body> <p id = "p1"> uji uji: firefox menggunakan addeventListener, yaitu menggunakan lampiran <br> klik pag ini, dan 2 peristiwa pop-up terikat </p> <) <) function> function {function1 ("function {" function {"function {" function {"function {) } function test2 () {alert ("test2"); } // Tambahkan fungsi metode umum acara addevent (element, e, fn) {// firefox menggunakan addeventListener untuk menambahkan event if (element.addeventListener) {element.addeventListener (e, fn, false); } // yaitu menggunakan attachEvent untuk menambahkan acara lain {element.attachevent ("on"+e, fn); }} window.onload = function () {var element = document.geteLementById ("p1"); addEvent (elemen, "klik", test1); addEvent (elemen, "klik", test2); } </script> </body> </html>Cara Umum Untuk Mengikat Acara JS:
Cara mengikat acara: bind acara acara dengan atribut acara
keuntungan:
1. Lengkapi pemisahan perilaku
2. Lebih mudah untuk mengoperasikan objek yang terlibat, karena fungsi muncul sebagai atribut ON ***, Anda dapat secara langsung merujuk pada objek yang terlibat menggunakan ini.
3. Objek acara yang mudah dibaca. Ketika acara dipicu, sistem akan secara otomatis meneruskan objek acara ke fungsi acara, dan salah satunya akan dilewati.
<? Xml Version = "1.0" encoding = "UTF-8"?> <! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" "http://www.w3.org/xhtml1/dtd/xhtml1 xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/<title> js event binding </title> <script typecer = "TEXT/TEXT/TEXT/JAVE/JAGEKT/JAGLEK/JAGLEK/JAB. 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> <tyle> #k {width: 60px; tinggi: 80px; Latar Belakang-Color:#80FFFF;} #jj {Lebar: 60px; Tinggi: 80px; latar belakang-warna:#ffff00; z-index: 1000; Posisi: absolute;} </style> </head> <div id = "k"> </div> <div id = "jj"> </div> </body>Di atas adalah semua tentang artikel ini, saya harap ini akan membantu untuk pembelajaran semua orang.