Javascript, aggiungere evento onclick a livello di codice

Question

Come si aggiunge un evento onclick a un tag in HTML a livello di programmazione?

Desidero poter fare clic su un collegamento e fare in modo che un evento onclick collegato a una funzione javascript abbia effetto su un altro tag.

Ecco quello che ho finora:

var table = document.getElementById(tableID); 
var rowCount = table.rows.length; 
var row = table.insertRow(rowCount); 
var cell1 = row.insertCell(0); 
var element1 = document.createElement("input"); 
element1.type = "text"; 
element1.id="List["+num+"].id"; 
element1.name="List["+num+"].id"; 
element1.onclick="javascript:CalCal()"; 
cell1.appendChild(element1); 

voglio chiamare una funzione javascript CalCal() sull'evento onclick. È possibile?

Answer 1

Ma tenere a mente che addEventListener è supportato in IE solo dalla versione 9. Per supportare le vecchie versioni di IE si potrebbe usare qualcosa di simile:

if (element1.addEventListener) { // all browsers except IE before version 9 
    element1.addEventListener("click", CalCal, false); 
} else { 
    if (element1.attachEvent) { // IE before version 9 
    element1.attachEvent("click", CalCal); 
    } 
} 

Answer 2

Sì, è possibile aggiungere un evento onclick di programmazione in JavaScript come questo:

element1 = document.getElementById("your_tag_id"); 
element1.addEventListener("click", CalCal) 

Ciò attribuisce un evento onClick ai tag con id = "your_tag_id".

È possibile anche rimuovere l'evento onclick in questo modo:

element1.removeAttribute("click"); 

Altro https://developer.mozilla.org/en-US/docs/DOM/element.addEventListener

Answer 3

Prova

element1.onclick=CalCal; 

invece:

element1.onclick="javascript:CalCal()";