在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會觸發更改事件，而不是輸入事件。

這是一個有趣的比較