Home
Tutorials
Microsoft Technologies Tutorials
Java Programming Tutorials
Web Designing Tutorials
Script Programming Tutorials
Database Programming Tutorials
Mobile Technologies Tutorials
Other Programming Tutorials
Examples
Articles
Tools
News
AngularJS ng-focus Example
Keywords : Angularjs ng-focus directive example, Angularjs input field focus event example, Angularjs call function on input field focus example
Example
<!DOCTYPE html> <html> <head> <title> AngularJs ng-focus Event with Example </title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> <script type="text/javascript"> var app = angular.module('ngfocusApp', []); app.controller('ngfocusCtrl', function ($scope) { $scope.focusfn = function () { $scope.focus = true; $scope.ftxt='Focused' } $scope.blurfn = function () { $scope.focus = false; $scope.ftxt = '' } }); </script> <style type="text/css"> .demoFocus { background-color: yellow; } </style> </head> <body> <div ng-app="ngfocusApp" ng-controller="ngfocusCtrl"> <h2>AngularJS ng-focus Event Example</h2> Enter Text: <input type="text" ng-class="{ demoFocus: focus}" ng-focus="focusfn()" ng-blur="blurfn()" ng-model="ftxt"> </div> </body> </html>
Click Here to See Result
Result
Previous
Next