html5 type = "number" slowing

Question

入力値を変更すると、コンソールに値がスローされます。

$(function(){ 
 
    $('#a, #b').change(function(){ 
 
    console.log($(this).val()); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="number" id="a" value="1"> 
 
<input type="text" id="b" value="1">

を試してみてください：タイプ=数を数回ステップアップ/プレス。

結果：ブラウザのタイプ=番号の一方（1秒以上）ハングが、タイプのため=テキストは瞬時期待

起こっ：経過時間が同じです。 miliseconds（1秒以下）であっても問題ありません。

考えられる理由はtype = numberを確認/入力を最初に解析することです。そのために時間がかかりました。しかし、なぜそれは長い時間がかかって、私のブラウザをハングアップしますか？

Answer 1

.on()とinputトリガーで問題を解決できます。 change()は入力type=numberの上下ボタンでは正常に起動していないようです。

$(function(){ 
 
    $('#a, #b').on("input",function(){ 
 
    console.log($(this).val()); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="number" id="a" value="1"> 
 
<input type="text" id="b" value="1">