ng-blur, ng-focus

by Per Ă…strand

HTML

<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<div ng-app ng-init="focus=false;blur=false;active=false">
<input type="number" ng-class="{ myFocus: focus, myBlur: blur }" ng-focus="focus=true;blur=false;" ng-blur="blur=true;focus=false;">
    <p>focus: {{focus}}</p>
    <p>blur: {{blur}} </p>
    </div>

CSS

input.myFocus {  
            background-color: yellow;  
        }  
    input.myBlur {  
            background-color: red;  
        }

JavaScript

$(function(){
  $("input[type='number']").on("click", function(){
    $(this).focus();
  });
});