Cambiare evento onclick di un elemento utilizzando JavaScript

Ulteriori informazioni su come cambiare dinamicamente l'evento onclick di un elemento HTML utilizzando il codice JavaScript. Questo sulla modifica mosca è non tutto il difficile!

A+ A-

Anche se di solito non è richiesto, ma a volte si può decidere di cambiare l'evento onClick di un elemento DOM tramite JavaScript. Quando si fa clic su un elemento di Document Object Model (DOM), che genera un evento onclick. Siamo in grado di catturare questo evento in JavaScript ed eseguire un pezzo di codice. In JavaScript, onclick evento prevede una funzione come parametro. Questa funzione viene eseguita quando si verifica l'evento. Vediamo come possiamo cambiare la funzione da eseguire al volo.

Ecco un esempio di codice collegamento / pulsante:

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

A seguito di codice JavaScript catturerà l'evento onlcik quando un utente clicca sul pulsante con id "TButton" e chiamare una funzione chiamata "myFunction":

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

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

La proprietà onclick si aspetta una funzione e non una stringa -quindi il seguente codice non funzionerà:

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

Spero che questo è stato di aiuto a voi. Per favore fatemi sapere se avete qualsiasi domanda su questo argomento. Cercherò di aiutare! Grazie per aver usato TechWelkin!