在數字輸入中輸入小數時觸發輸入更改事件

Question

HTML：

<input id="example" type="number"/>

JS：

$("#example").on("input", function (e) { 
    debugger;
});

問題如下。 如果該字段的內容為1000 ，並且用戶輸入小數點（ . ）以使其為1000. ，則不會觸發Chrome中的input事件。 這是正常現象嗎？如果是這樣，那么我如何使其觸發事件以能夠檢測到它呢？

Answer 1

如先前的評論中所述，問題在於帶點“。”的數字。 最終並沒有通過。因此您可以執行以下操作：

 $(function(){ var lastNum; $("#example").on("input", function (e) { if(this.value.length>0)lastNum=this.value;//if value passed in correctly - update it console.debug(lastNum);//Do anything with the lastNum }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input id="example" type="number"/>