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

如果你不知道哪個事件處理程序要用按鈕點擊註冊，你可以在匿名處理程序中編寫你的邏輯。