用JavaScript添加Javascript函数

Question

我想动态地用javascript添加事件触发器（onClick）.-在运行时。 我有一个动态的按钮计数，并在每个按钮单击，我需要一个特定的JavaScript函数。

我有这样的想法，添加JavaScript的JavaScript函数。

我想，一些示例：

document.getElementById("trigger").innerHTML = "<script type=\"text/javascript\">function testal() { alert(\"trigger\"); }<\/script>"; 

如果我按与所述的onClick = “testal（）” 的按钮： 错误消息： “未定义”

Answer 1

innerHTML is Not JavaScript. 

Indeed that causes a scription injection.

Answer 2

我解决了它与

$("#trigger").html("<script type=\"text/javascript\">function testal() { alert(\"trigger\"); }<\/script>"); 

Answer 3

document.getElementById("trigger").onclick = testal; 
function testal() { alert('trigger'); } 

如果你不事先知道你想注册的处理程序是什么事件（的onclick，onkeydown事件，onkeypress事件等），你可以这样做：

var event_type = 'onclick'; 
document.getElementById('trigger')[event_type] = testal; 

参见http://www.quirksmode.org/js/events_tradmod.html

Answer 4

我想你想用jquery .on method。试试这个

$(document).off('click', 'button'); 
$(document).on('click', 'button', function() { 
    alert('Executed'); 
}); 

如果你不知道哪个事件处理程序要用按钮点击注册，你可以在匿名处理程序中编写你的逻辑。