如果輸入值動態更改，有什么方法可以觸發“更改”事件偵聽器？

Question

假設，我在父類名稱“ all_bulk_inputs ”中有一個類名稱為“ bulk_number ”的委托輸入字段，以及一個按鈕，每當我單擊它時都會向該輸入字段添加一個隨機數。 現在，我想在數字更改時觸發更改事件偵聽器。

例如：

   <!-- 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>

Answer 1

首先，您在行日志中有一個錯誤。 有幾種方法可以做到這一點，但這是我解釋過的簡單方法

console.log('批量更改)

那么您可能需要檢查更改文檔

          <!DOCTYPE html>
          <html>

          <head>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
          </head>

          <body>
            <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>
              $(document).ready(function() {
                //When random number setted to the input under all_bulk_inputs div below will triggered
                $('.all_bulk_inputs .bulk_number').on('change', function() {
                  console.log(`bulk number changed and the value is ${$(this).val()}`)
                })
                $('#add_rand').on('click', function() {
                  // create between 0 and 100 number and set to input
                  const rnd = Math.floor(Math.random() * 100)
                  $('.bulk_number').val(rnd).change()
                })
              });
            </script>
          </body>

          </html>

如果輸入值動態更改，有什么方法可以觸發“更改”事件偵聽器？

問題描述

1 個解決方案

解決方案1
0 2022-06-24 08:09:43

如果輸入值動態更改，有什么方法可以觸發“更改”事件偵聽器？

問題描述

1 個解決方案

解決方案1 0 2022-06-24 08:09:43

解決方案1
0 2022-06-24 08:09:43