Есть ли способ вызвать прослушиватель событий «изменения», если входное значение изменяется динамически?

Предположим, у меня есть делегированное поле ввода с именем класса '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>

0 ответов

Другие вопросы по тегам