Hal termudah adalah ini:
<input type = "tombol" ontClick = "waspada (this.value)" value = "I Am a Button" />
Tambahkan Acara OnClick secara dinamis:
<input type = "Tombol" value = "I Am a Button" id = "bu"> <script type = "text/javascript"> var bobj = document.geteLementById ("bu"); bobj.onClick = objClick; function objclick () {waspada (this.value)}; </skrip>Jika Anda menggunakan fungsi fungsi anonim () {}, itu adalah sebagai berikut:
<input type = "Tombol" value = "I Am a Button" id = "bu"> <script type = "text/javascript"> var bobj = document.geteLementById ("bu"); bobj.onClick = function () {alert (this.value)}; </script>Metode di atas sebenarnya adalah prinsip yang sama, mereka semua menentukan nilai atribut OnClick. Perlu dicatat bahwa jika obj.onClick didefinisikan beberapa kali, seperti: obj.onClick = Method1; obj.onClick = method2; OBJ.ONCLICK = METODE3, maka hanya definisi terakhir OBJ.ONCLICK = Method3 akan berlaku, dan dua definisi sebelumnya ditimpa oleh yang terakhir.
Mari kita lihat lampiran di IE lagi:
<input type="button" value="I am Laden" id="bu"><script type="text/javascript">var bObj = document.getElementById("bu");bObj.attachEvent("onclick",method1);bObj.attachEvent("onclick",method2);bObj.attachEvent("onclick",method3);function method1(){alert("first alert ")} function method2 () {waspada (" peringatan kedua ")} function method3 () {waspada (" peringatan ketiga ")} </script>Urutan eksekusi adalah method3> method2> method1, pertama masuk dan kemudian, mirip dengan variabel di tumpukan. Perlu dicatat bahwa parameter pertama dalam lampiran dimulai, yang dapat berupa onsklick/onmouseover/onfocus, dll.
Dikatakan bahwa (verifikasi yang belum dikonfirmasi) yang terbaik adalah menggunakan detachevent untuk membebaskan memori setelah menggunakan attachEvent di IE.
Mari kita lihat di AddeventListener di Firefox:
<input type = "tombol" value = "I am Bush" id = "bu"> <script type = "text/javascript"> var bobj = document.getElementById ("bu"); bobj.addeventlistener ("click", fale, false); bobj.addeventener ("click", "false); Method1 () {waspada ("Peringatan pertama")} function Method2 () {waspada ("peringatan kedua")} function method3 () {waspada ("Peringatan ketiga")} </script>Seperti yang Anda lihat, urutan eksekusi di FF adalah Method1> Method2> Method3, yang persis kebalikan dari IE, pertama di First Out. Perlu dicatat bahwa AddEventListener memiliki tiga parameter. Yang pertama adalah nama acara tanpa "on", seperti klik/mouseover/fokus, dll.
Contoh sederhana dari acara OnClick di div secara dinamis ditambahkan oleh JS adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.