ng-blur, ng-focus

HTML

<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

document.onreadystatechange = function() {
  if (document.readyState == "complete") {
    var inputs = document.querySelectorAll('[type="number"]');
    for (var i = 0; i < inputs.length; i++) {
      inputs[i].onclick = function() {
        this.focus();
      }
    }
  }
}