以编程方式添加onclick事件 [英] Add onclick event programmatically

问题描述

如何以编程方式向HTML标记中添加 onclick 事件?

How do I add an onclick event to a tag in HTML programmatically?

我希望能够单击一个链接，并使附加到Javascript函数的 onclick 事件在另一个标签上生效.

I want to be able to click a link, and have an onclick event attached to a Javascript function take effect on another tag.

这是我到目前为止所拥有的:

Here is what I have so far:

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

我想在 onClick 事件上调用Javascript函数 CalCal().这可能吗?

I want to call a Javascript function CalCal() on onClick event. Is this possible?

推荐答案

但是请记住，IE 9仅从版本9开始就支持 addEventListener .要支持IE的较早版本，您可以使用类似

But keep in mind that addEventListener is supported in IE just from version 9. To support older versions of IE you could use something like that:

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

这篇关于以编程方式添加onclick事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！