Javascript, ajouter l'événement onclick par programmation

Comment puis-je ajouter un événement onclick de la balise en HTML par programmation?

Je veux être en mesure de cliquer sur un lien, et ont un événement onclick attaché à une fonction javascript prendre effet sur une autre balise.

Voici ce que j'ai à ce jour:

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);

Je veux appeler une fonction javascript CalCal() sur l'événement onClick. Est-ce possible?

source d'informationauteur nidhi

  1. 25

    Mais gardez à l'esprit que addEventListener est pris en charge dans IE seulement à partir de la version 9. Pour prendre en charge les anciennes versions d'internet explorer, vous pouvez utiliser quelque chose comme ça:

    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);
  }
}
  2. 10

    Oui, vous pouvez ajouter un événement onclick par programmation en javascript comme ceci:

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

    Cette attache un événement onClick pour les balises id="your_tag_id".

    Vous pouvez également supprimer l'événement onclick comme ceci:

    element1.removeAttribute("click");

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

  3. 1

    Essayer 

    element1.onclick=CalCal;

    à la place:

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