В IE 11 событие javascript не запускается

Question

Пытаюсь поймать счет от 0 до 10, используя контроль диапазона.Если взаимодействие с управлением диапазоном не выполняется, мне нужно отключить кнопку «Далее».В chrome это работает нормально, но в IE 11 ниже код не вызывается при изменении значения диапазона.Как это исправить?

$( 'input[type="range"]' ).on( 'input', function () {

    var control = $( this ),
        controlMin = control.attr( 'min' ),
        controlMax = control.attr( 'max' ),
        controlVal = control.val(),
        controlThumbWidth = control.data( 'thumbwidth' );

    var range = controlMax - controlMin;

    var position = ( ( controlVal - controlMin ) / range ) * 100;
    var positionOffset = Math.round( controlThumbWidth * position / 100 ) - ( controlThumbWidth / 2 );
    var output = control.next( 'output' );

    output
        .css( 'left', 'calc(' + position + '% - ' + positionOffset + 'px)' )
        .text( controlVal );

    $( this ).attr( "data-modified", "1" );

    $( "#next" ).removeAttr( "disabled" );

} );

Answer 1

Я думаю, что IE11 запускает событие изменения, а не событие ввода, когда изменяется диапазон ввода диапазона.

Вот интересное сравнение