Есть ли способ вызвать прослушиватель событий «изменения», если входное значение изменяется динамически?
Предположим, у меня есть делегированное поле ввода с именем класса 'bulk_number' внутри имени родительского класса 'all_bulk_inputs' и кнопка, которая будет добавлять случайное число в это поле ввода всякий раз, когда я нажимаю на нее. Теперь я хочу запускать прослушиватель событий изменения всякий раз, когда изменяется число.
Например:
<!-- input field under all_bulk_inputs -->
<div class="all_bulk_inputs">
<input class="bulk_number" name="rand_number" /> <!-- dynamically added under the 'all_bulk_inputs' parent -->
</div>
<button id="add_rand">Add Random Number</button>
<script>
$('#add_rand').on('click', function(){
$('.bulk_number').val(10) //suppose, 10 is my random number
//what I want is forcefully trigger on change like bellow, if possible
$('.all_bulk_inputs').trigger('change', 'bulk_number', function(){
console.log('bulk number changed)
})
})
</script>