Skip to content

Instantly share code, notes, and snippets.

@andru255

andru255/onblur.jsx

Forked from pstoica/OnBlurComponent.jsx
Created November 6, 2016 03:30
Show Gist options
  • Save andru255/40460f892de99d3d55ee6aca4bbad792 to your computer and use it in GitHub Desktop.
Save andru255/40460f892de99d3d55ee6aca4bbad792 to your computer and use it in GitHub Desktop.
Download ZIP
onBlur for entire react component
Raw
onblur.jsx
var HelloMessage = React.createClass({
render: function() {
return <div tabIndex="1" onBlur={this.onBlur}>
Hello <input type="text" value="wat"/>
</div>;
},
onBlur: function(e) {
var currentTarget = e.currentTarget;
setTimeout(function() {
if (!currentTarget.contains(document.activeElement)) {
console.log('component officially blurred');
}
}, 0);
}
});
React.render(<HelloMessage name="John" />, mountNode);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment