custom-blur-handlers.md

Custom Blur Handlers

Easily check if you focusing on an element outside of a desired node tree.

onBlur = (e) => {
  if ( !e.currentTarget.contains( e.relatedTarget ) ) {
    console.log('blur event');
  }
}

render() {
  return (
    <div onBlur={this.onBlur}>
      ..
    </div>
  )
}

Found here.