onblur

来源： https://stackoverflow.com/questions/2333111/how-can-i-check-if-a-value-is-changed-on-blur-event

来源： https://stackoverflow.com/questions/2333111/how-can-i-check-if-a-value-is-changed-on-blur-event

来源： https://stackoverflow.com/questions/2333111/how-can-i-check-if-a-value-is-changed-on-blur-event

来源： https://stackoverflow.com/questions/46896776/reactjs-how-to-get-onfocus-and-onblur-to-work

问题 I am trying to create a password confirmation feature that renders an error only after a user leaves the confirmation field. I'm working with Facebook's React JS. This is my input component: <input type="password" placeholder="Password (confirm)" valueLink={this.linkState('password2')} onBlur={this.renderPasswordConfirmError()} /> This is renderPasswordConfirmError : renderPasswordConfirmError: function() { if (this.state.password !== this.state.password2) { return ( <div> <label className=

问题 I am trying to create a password confirmation feature that renders an error only after a user leaves the confirmation field. I'm working with Facebook's React JS. This is my input component: <input type="password" placeholder="Password (confirm)" valueLink={this.linkState('password2')} onBlur={this.renderPasswordConfirmError()} /> This is renderPasswordConfirmError : renderPasswordConfirmError: function() { if (this.state.password !== this.state.password2) { return ( <div> <label className=

问题 I am trying to create a password confirmation feature that renders an error only after a user leaves the confirmation field. I'm working with Facebook's React JS. This is my input component: <input type="password" placeholder="Password (confirm)" valueLink={this.linkState('password2')} onBlur={this.renderPasswordConfirmError()} /> This is renderPasswordConfirmError : renderPasswordConfirmError: function() { if (this.state.password !== this.state.password2) { return ( <div> <label className=

问题 //Assume am changing state in handleChange function. In case of onChange event state will update every character change. <input type="text" name="name" onChange={this.handleChange} id="name" /> In case of onBlur event state will update at single shot after leaving input fields. <input type="text" name="name" onBlur={this.handleChange} id="name" /> which approach is best to update the state in React and why ? 回答1: This is actually a trade-off decision. I assume that, in your event handler

问题 //Assume am changing state in handleChange function. In case of onChange event state will update every character change. <input type="text" name="name" onChange={this.handleChange} id="name" /> In case of onBlur event state will update at single shot after leaving input fields. <input type="text" name="name" onBlur={this.handleChange} id="name" /> which approach is best to update the state in React and why ? 回答1: This is actually a trade-off decision. I assume that, in your event handler

问题 Apparently IE (11) has an issue with relatedTarget , for example on blur events. Is there an alternative for IE to get the relatedTarget ? Here is an example that produces an error in IE: https://jsfiddle.net/rnyqy78m/ 回答1: If I look at this list: https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/relatedTarget blur isn't included as having a standard secondary target. So I assume the secondary target on blur in chrome is non-standard. If you replace blur by focusin or focusout, it