Как применить прослушиватели событий к новым элементам [дубликат] ⇐ Jquery

[Anonymous]

Я хочу создать ввод, похожий на блокнот Jupyter, где в качестве входных данных у меня есть промежутки, и когда пользователь нажимает «Ввести», на страницу добавляется новый ввод и так далее. проблема в том, что прослушиватель события клика работает только на первом входе. как я могу сделать его работоспособным на всех блоках.

Код: Выделить всё

$inputSpan.on('click', function() {
$inputSpan.attr('contenteditable', 'true').focus();
});

$inputSpan.on('blur', function() {
$inputSpan.removeAttr('contenteditable');
});

$inputSpan.on('keydown', function(event) {
if (event.key === 'Enter') {
if (event.shiftKey) {
// ... action for enter click
} else {
// ... end editing
$inputSpan.blur();
event.preventDefault();
add_block(); // this function append a new block to the page
}
}
});

выше приведен код, который я использовал.

Подробнее здесь: https://stackoverflow.com/questions/787 ... w-elements