Opposite of 'onFocus' in React

reactjs onfocus
Sijan Shrestha picture Sijan Shrestha · May 31, 2016 · Viewed 10.7k times · Source

I have a scenario where there has to be a event triggered when the input selected goes out of Focus.

There is already a onFocus event trigger when input is focused 

<input onFocus={this.callFunction}/>

I need to know if there is an event that can be triggered when the selected input goes out of Focus. I could not find in React forms site 

<input outOfFocus={this.callFunction}/>

Any Suggestion on this will be highly appreciated.

Answer

Oleksandr T. picture Oleksandr T. · May 31, 2016

There is event onBlur

<input onBlur={this.callFunction} />

Related questions

How to implement onBlur/onFocus for a div with nested input fields?

There is a <div> and a couple of nested <input>s. onBlur fires every time user clicks on one of the <input>s. This is a bit frustrating that onBlur happens when I hit …

Read More
ReactJS - Clear select value on focus

I need to clear the selected value of select dropdown as soon as user focus on the select element. I have used the below code but cant figure out what property of select do I need to reset. <select …

Read More
Can you force a React component to rerender without calling setState?

I have an external (to the component), observable object that I want to listen for changes on. When the object is updated it emits change events, and then I want to rerender the component when any change is detected. With …

Read More