Добавить функцию Javascript с javascript

Question

Я хочу добавить триггер события (onClick) с javascript динамически. - во время выполнения. У меня динамическое количество кнопок, и при каждом нажатии кнопки мне нужна определенная функция 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'); 
}); 

Если вы не знаете, какой обработчик события должны быть зарегистрированы с помощью кнопки мыши, вы можете написать логику внутри анонимного обработчика.