javascript - 使用angularjs单击输入后运行textbox.blur

Question

我有一个小的 angularjs 应用程序，我只为 iPad(safari 浏览器)开发。顶部有一个文本框，用作 ng-repeat 的过滤器。我想要实现的是一旦有人点击“开始”按钮就关闭 ipad 上的键盘。我看到关闭键盘的方法是模糊输入元素Hide The iPad Keyboard By Hitting the Return Key

我正在使用 AngularUI 库，所以我触发了 onKeyUp 事件并检测了回车键。

这是文本框的 html。我正在使用 ui-keypress 事件调用 keypressCallback

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

下面是 javascript 的简化版本，其中只包含 keypressCallback 函数

var GunnersenApp = angular.module( "GunnersenApp", ['ui'] );

GunnersenApp.controller(
'SwatchListCtrl',
function ($scope, $http) {      

    $scope.keypressCallback = function($event) {
        alert('enter');
        $event.preventDefault();
    };      

}
);

我试图将焦点设置到文档和正文，这会模糊文本框，但我没有成功。

我正在开发的开发版本位于以下网址: http://thejonesmobile.com/gunnersen/

提前致谢加夫

Answer 1

为什么不使用 input.blur()？我已将您的代码更改为:

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

它奏效了。