javascript - 收到一个奇怪的 jquery 错误，我无法弄清楚

Question

我试图在用户输入金额时运行事件，但收到此错误

未捕获类型错误:无法读取未定义的属性“toLowerCase”

HTML

<input type="text" id="ItemQuantity#i#" name="ItemQuantity#i#" onkeypress="return isNumeric(event)" onkeydown="return keyispressed(event);" onchange="autototal()">

尝试专注于 onchange="autototal()"

JQuery

function autototal(){
  var sum = 0;
  var quantity = 0;
  var price = 0;
  var totalPrice = 0;
  quantity = $(this).val();
  price = $(this).closest('.col-price').find('input').val();

  console.log(quantity);
  console.log(price); 
}

Answer 1

按照您调用处理程序的方式，this 不是元素，而是窗口。

要么使用 jQuery 来连接处理程序，这将确保 this 引用该元素:

$("[id='ItemQuantity#i#']").on("change", autototal);

...或者如果您确实想使用 onxyz-attribute-style 事件处理，请执行以下操作:

<input ... onchange="autototal.call(this)">

它应该按原样工作，或者执行以下操作:

onchange="autototal(this)"

...并更新 autototal 以使用参数而不是 this。