Focus/Blur/Keypress

Angular Events

by Aaronias

HTML

<div ng-app="app">
    <div ng-controller="ctrl">
        Focus/Blur/Keypress: <input ng-keypress="keypress($event)" ng-focus="focus($event)" ng-blur="blur($event, this)"/>
        
        
    </div>
    
</div>

CSS

</style> <!-- Ugly Hack to make remote files preload in jsFiddle --> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.js"></script>
<style>
.blur {
    background-color: red;
}

JavaScript

var app = angular.module("app", []);

app.controller("ctrl", function($scope){
    $scope.keypress = function(event) {
        console.log("Keypress:" + event.keyCode);
    };
    $scope.blur = function(event, element) {
        debugger;
        console.log("Blur");   
        var a = angular.element(element)[0];
        var b = $(a);
        $(a).addClass('blur');
        console.log(a);
    }
    $scope.focus = function(event, element) {
        console.log("Focus");   
    }
});