Mengubah acara onclick dari Elemen Menggunakan JavaScript

Pelajari cara untuk secara dinamis mengubah event onclick dari elemen HTML menggunakan kode JavaScript. Ini di modifikasi fly tidak semua yang sulit!

A+ A-

Meskipun biasanya tidak diperlukan tapi kadang-kadang Anda mungkin ingin mengubah event onClick dari elemen DOM menggunakan JavaScript. Ketika Anda mengklik pada Document Object Model (DOM) elemen, kebakaran aktivitas klik. Kita bisa menangkap acara ini di JavaScript dan melaksanakan sepotong kode. Dalam JavaScript, onclick event mengharapkan fungsi sebagai parameter. Fungsi ini akan dijalankan ketika peristiwa itu terjadi. Mari kita lihat bagaimana kita dapat mengubah fungsi yang akan dieksekusi dengan cepat.

Berikut adalah contoh kode Link / tombol:

<a href="#" id="tButton">click me</a>

Berikut kode JavaScript akan menangkap event onlcik ketika pengguna akan mengklik tombol dengan id "TButton" dan memanggil fungsi yang disebut "myFunction":

document.getElementById("tButton").onclick = function() {myFunction()};

function myFunction(){
alert("myFunction called");
}

Properti onclick mengharapkan fungsi dan TIDAK string-jadi kode berikut tidak akan bekerja:

document.getElementById ( "TButton") onclick = "b ()".;

Saya berharap ini adalah bantuan untuk Anda. Tolong beritahu saya jika Anda memiliki pertanyaan tentang topik ini. Saya akan mencoba untuk membantu! Terima kasih telah menggunakan TechWelkin!