ejecutando textbox.blur luego de presionar enter usando angularjs

Tengo una pequeña aplicación angularjs que he desarrollado solo para iPads (browser safari). Hay un textbox en la parte superior que se usa como filter en una repetición ng. Lo que estoy tratando de lograr es cerrar el keyboard en el iPad una vez que alguien click el button 'IR'. Vi que la forma de cerrar el keyboard es difuminar el elemento de input Ocultar el keyboard del iPad presionando la tecla de retorno

Estoy usando la biblioteca AngularUI, así que estoy activando el evento onKeyUp y estoy detectando la tecla Intro.

Este es el html para el textbox. Estoy usando el evento ui-keypress para llamar a keypressCallback

<input ng-model="query" type="text" id="query" placeholder="product name or number" class="big radius" autocomplete="off" ui-keypress="{13:'keypressCallback($event)'}"> 

A continuación se muestra una versión networkingucida del javascript que contiene solo la function keypressCallback

 var GunnersenApp = angular.module( "GunnersenApp", ['ui'] ); GunnersenApp.controller( 'SwatchListCtrl', function ($scope, $http) { $scope.keypressCallback = function($event) { alert('enter'); $event.preventDefault(); }; } ); 

Intenté establecer el foco en el documento y en el cuerpo, lo que borraba el textbox, pero no tuve éxito.

La versión de desarrollo de lo que estoy trabajando está en la siguiente url: http://thejonesmobile.com/gunnersen/

Gracias de antemano Gav

¿Por qué no usas input.blur() ? Cambié tu código a:

 $scope.keypressCallback = function($event) { $event.target.blur(); }; 

Y funcionó.

Solución simple:

 document.formName.fieldName.blur();