JS-скрипт не работает на modal

Question

Я пытаюсь нажать кнопку с js, когда нажата клавиша ввода.

document.onkeydown = function(event) { 
    if (event.keyCode == 8) { 
    document.getElementById('alert_next').click(); 

    } 
return event.returnValue; 
} 

Он работает уже с кнопками на странице. Но как только я попытаюсь использовать его на кнопке, которая в модальном режиме, скрипт, похоже, не сработает.

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

Answer 1

Вам нужно создать прослушиватель событий документа,

в основном то, что я думаю, что происходит это

jsFiddle: https://jsfiddle.net/7c8rza12/

HTML

<button id="add"> 
Add 
</button> 
<div id="content"> 

</div> 

JQuery

$(function() 
{ 
    $('#add').on('click', function() 
    { 
    $('#content').html("<p class='info'>Click here for info</p>"); 
    }); 

    $('.info').on('click', function() 
    { 
    alert($(this)); 
    }); 
}); 

У нас на событии нажатия на .info однако на документе готовы нет никаких, поэтому, когда мы добавляем новое содержание он не знает, чтобы связать событие щелчка к этому , Что нам нужно сделать, это

jsFiddle: https://jsfiddle.net/7c8rza12/1/

JQuery

$(function() { 
    $('#add').on('click', function() { 
    $('#content').html("<p class='info'>Click here for info</p>"); 
    }); 

    $(document.body).on('click', '.info', function() { 
    alert($(this)); 
    }); 
});