我有一个表单,我想在其中处理文本输入的更改事件,但是React onChange在按下键时触发(与本机JS相反,当输入字段失焦时会触发更改事件)。
有React的方式来做我想要的吗?
如何正确捕获React.js中文本输入的change / focusOut事件?
我有一个表单,我想在其中处理文本输入的更改事件,但是React onChange在按下键时触发(与本机JS相反,当输入字段失焦时会触发更改事件)。
有React的方式来做我想要的吗?
第2392篇《如何正确捕获React.js中文本输入的change / focusOut事件?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点
您需要小心,因为onBlur
IE11有一些警告(如何在IE中使用relatedTarget(或同等功能??),https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/relatedTarget) 。
onFocusOut
据我所知,在React中没有任何方法可以使用。如果需要更多信息,请参阅他们的github https://github.com/facebook/react/issues/6410上的问题。
如果只想在输入失去焦点时触发验证,则可以使用onBlur
相似问题
问题类别
太晚了,但值得您注意的是,在浏览器级别上,focusin和focusout事件的实现存在一些差异,并且对合成onFocus和onBlur做出反应。focusin和focusout实际上会冒泡,而onFocus和onBlur不会。因此,到目前为止,对于reactin和focusout还没有完全相同的实现。无论如何,大多数情况将在onFocus和onBlur中涵盖。