ホーム > input (全1件)
  • レンジ入力(input[type=range])の変更時の値をリアルタイムに取得する

    レンジ入力(input[type=range])の変更時の値をリアルタイムに取得する。

    /* 変更中(ドラッグ中) */
    $( '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関数を利用すること。