griiettner
1/26/2015 - 6:44 PM

Hide iPad keyboard Angular version

Hide iPad keyboard Angular version

  <form ng-submit="hideKeyboard()">
    <label for="territory">Input a Territory ID:</label>
    <input type="text">
    <button type="submit">Search</button>
  </form>
$scope.hideKeyboard = function() {
  document.activeElement.blur();
  var inputs = document.querySelectorAll('input');
  for(var i=0; i < inputs.length; i++) {
    inputs[i].blur();
  }
};

// Thanks to:
// http://uihacker.blogspot.com/2011/10/javascript-hide-ios-soft-keyboard.html