Chrome (maybe Safari?) fires “blur” twice on input fields when browser loses focus

Question

Here is an interesting jsfiddle.

In Firefox:

1. Run the fiddle
2. Click in text input
3. Click somewhere else. Should say \"1 bl

Answer 1

Looks like an oddity of angularjs gives a simpler solution when using ng-blur; the $event object is only defined if you pass it in:

ng-blur="onBlur($event)"

so (if you aren't using ng-blur on the window) you can check for:

$scope.onBlur = function( $event ) {
    if (event != undefined) {
       //this is the blur on the element
    }
}