未捕獲的型別錯誤：無法讀取未定義的屬性（讀取“preventDefault”）-有解無憂

我根據特定程序在輸入中觸發 onchange 屬性。但是，即使我將“事件”作為引數，我也會繼續收到以下錯誤。此外，或者，我嘗試了 Event.StopPropagation () 和 Return False 但問題仍在繼續。

$(function () {
        test();
});

function test(obj) {

        var inputValue = parseInt($(obj).val());

        if (($(obj).val() < 0 || $(obj).val() > 100) && event.keyCode !== 46 // keycode for delete
            && event.keyCode !== 8 // keycode for backspace
        ) {
            event.preventDefault();
            $(obj).val(0);
        } else if (isNaN(inputValue)) {
            event.preventDefault();
            $(obj).val(0);
        }
}

<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>

<div>
<input id="weightInput" type="number" class="form-control weightInput"  data-key="" data-guid="" onchange="test(this)" value="" />
</div>

uj5u.com熱心網友回復：

您應該使用 jQuery 的偵聽器來處理當前代碼中未定義的事件。您還應該使用事件目標作為您的物件

/***This here**/
jQuery(document).on('change','#weightInput',test);
function test(event) {
        let obj = event.target
        var inputValue = parseInt($(obj).val());

        if (($(obj).val() < 0 || $(obj).val() > 100) && event.keyCode !== 46 // keycode for delete
            && event.keyCode !== 8 // keycode for backspace
        ) {
            event.preventDefault();
            $(obj).val(0);
        } else if (isNaN(inputValue)) {
            event.preventDefault();
            $(obj).val(0);
        }
}

uj5u.com熱心網友回復：

您需要將event顯式引數作為引數傳遞onchange。

您也不應該從呼叫它$(function() { })，因為那里沒有事件。

function test(obj, event) {
  var inputValue = parseInt($(obj).val());
  if (($(obj).val() < 0 || $(obj).val() > 100) && event.keyCode !== 46 // keycode for delete
    &&
    event.keyCode !== 8 // keycode for backspace
  ) {
    event.preventDefault();
    $(obj).val(0);
  } else if (isNaN(inputValue)) {
    event.preventDefault();
    $(obj).val(0);
  }
}

<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>

<div>
  <input id="weightInput" type="number" class="form-control weightInput" data-key="" data-guid="" onchange="test(this, event)" value="" />
</div>

轉載請註明出處，本文鏈接：https://www.uj5u.com/net/380679.html

標籤：javascript 查询 jquery-ui 防止违约

上一篇：html()沒有填充HTML模板

下一篇：底部對齊的導航棒滾動到頂部