リアクション範囲入力IE11 onChangeまたはonInput回避策

Question

IE11 uses onInput instead of onChange<input type='range'>要素です。

IE11でdoes not call either of theseに反応します。

onChangeは、FF、Chrome、およびEdgeで動作します。これで問題はありません。ウサギの穴に続き

は

下向きonMouseUpまたはonClickを使用することをお勧めhereとhereを、リードしたが、私は、このいずれかの作業をもらっていません。

さまざまなリスナーの組み合わせを無駄にしてみました。私もthisを試してみました（どちらもうまくいきませんでした）。誰かがこれに対する回避策を持っていますか？

Answer 1

少し掘り下げた後、私はreact-rangeに着任しました。軽量で、簡単で、機能しています。そのsourceで

render()、それはそれをしない方法を示しています。

render: function() { 
    var props = _extends({}, this.props, { 
     defaultValue: this.props.value, 
     onClick: this.onRangeClick, 
     onKeyDown: this.onRangeKeyDown, 
     onMouseMove: this.onRangeChange, 
     onChange: function() {}, 
     ref: this.setRangeRef 
    }); 
    delete props.value; 
    return React.createElement(
     'input', 
     props 
    ); 
    } 

---

更新

固定され表示される16に反応：https://github.com/facebook/react/issues/554#issuecomment-271579096

あなたの場合上記の履歴を見ると、あなたはe＃5746で問題が解決しました。 このPRを開くと、マイルストーンが16に設定されていることがわかります。

修正は16であり、動作に大きな変化をもたらすため、15.xに入れることはできません。

15.xにバックポートすることができるかどうかわかりません。 @jquenseと@nhunzakerはおそらくこれに答えることができます。