Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/visual-studio/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应范围输入IE11 onChange或onInput解决方案_Javascript_Html_Reactjs - Fatal编程技术网

Javascript 反应范围输入IE11 onChange或onInput解决方案

Javascript 反应范围输入IE11 onChange或onInput解决方案,javascript,html,reactjs,Javascript,Html,Reactjs,IE11用于元素 在IE11中作出反应 onInput可以在FF、Chrome和Edge上工作,所以这没问题 沿着兔子洞向下引导和,这建议使用onMouseUp或onClick,但我也没有做到这一点 我试过各种各样的听众组合,但都没有用。我甚至试过(当然也不行)。有人对此有解决办法吗 经过一番挖掘之后,我决定使用它,因为它轻巧、简单,而且很有效 its中的render()显示了它是如何执行的: render: function() { var props = _extends({}, t

IE11用于
元素

在IE11中作出反应

onInput
可以在FF、Chrome和Edge上工作,所以这没问题

沿着兔子洞向下引导和,这建议使用
onMouseUp
onClick
,但我也没有做到这一点


我试过各种各样的听众组合,但都没有用。我甚至试过(当然也不行)。有人对此有解决办法吗

经过一番挖掘之后,我决定使用它,因为它轻巧、简单,而且很有效

its中的
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
    );
  }

更新

这似乎将在React 16中修复:

如果你看看上面的历史,你会发现这个问题在#5746之前就解决了。 如果打开此PR,您将看到其里程碑设置为16

所以修正将在16中,我们不能把它放在15.x中,因为它在行为上引入了突破性的变化

我不知道是否有可能将其后传到15.x@jquense和@nhunzaker可能会回答这个问题


IE使用
onchange
而不是
oninput
…看起来不是这样,不是相反吗?虽然有一段时间没有考虑过这一点,但如果出现错误,将进行编辑!我只是把它弄得一团糟(没有反应),我很确定IE只使用
change
。我无法检查Edge是否不同,但上的另一个答案也显示了一个图表。啊,你是对的,页面上说:
…你应该使用oninput事件,它将捕获Firefox、Safari和Chrome中的实时更新…
更新。谢谢你的反馈!