Javascript, добавить событие onclick программно

Как я могу добавить событие onclick в тег в HTML программно?

Я хочу, чтобы у меня была возможность щелкнуть ссылку, а событие onclick, связанное с функцией javascript, вступает в силу с другим тегом.

Вот что я до сих пор:

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

Я хочу вызвать функцию javascript CalCal() в событии onClick. Возможно ли это?

Ответ 1

Но имейте в виду, что addEventListener поддерживается в IE только с версии 9. Для поддержки более старых версий IE вы можете использовать что-то вроде этого:

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

Да, вы можете добавить событие onclick программно в javascript следующим образом:

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

Это прикрепляет событие onClick к тегам с id = "your_tag_id".

Вы также можете удалить событие onclick следующим образом:

element1.removeAttribute("click");

Подробнее в https://developer.mozilla.org/en-US/docs/DOM/element.addEventListener

Ответ 3

Попробуйте

element1.onclick=CalCal;

вместо

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