レンジ入力（input[type=range]）の変更時の値をリアルタイムに取得する | 主にjQueryのメモ

/* 変更中（ドラッグ中） */ $( 'input[type=range]' ).on( 'input', function () { var val = $(this).val(); } ); /* 変更後 */ $( 'input[type=range]' ).change( function () { var val = $(this).val(); } ); HTML5のレンジ入力（input[type=range]）要素に関連するイベントは、変更後（ドラッグ後）はchangeイベントになるが、ドラッグ中はinputイベントになる。inputイベントは、汎用的なイベント関数であるon関数を利用すること。

[Tokugoma]

[jquery]