html input type=”number” 数値アップ/マイナス ボタンのイベント発火

javascript

inputを数値で、しかも10ずつ上下なんてことをするのに、<input type=”number” min=”0″ max=”1000″ step=”10″ value=”1″>とかやるんですが、数値が変わった時に、合計出そうかなとkeyupイベントでやってもイベント発火されない。

<input type=”text”だとkeyupイベント発火するんですが。
step使ってほしいという要望があり。

スポンサーリンク

input(こっちがいい)か keyup mouseup をつけて解決

2種類。

$(function(){
//こっちのほうがいい
  $('document').on('input','input[name="xx"]', function () {
    console.log('changed');            
  });

//Shiftなど直接関係ないキーアップでも発火される
 $(document).on('keyup mouseup','input[name="xx"]', function(){
  calc_total();
 });

});

$(document)にしているのは、ajaxでデータ取得してinput作成し、そのinputにイベント割り当てたりしているので。

コメント

タイトルとURLをコピーしました