如何创建按回车键时用作链接的 <input>

【问题标题】：How to create <input> that works as a link when pressing enter如何创建按回车键时用作链接的 <input>
【发布时间】：2015-11-16 13:58:05
【问题描述】：

我希望能够将query 输入<input>，然后按回车将用户重定向到\query。

我知道使用 javascript 很容易做到这一点，但似乎应该有更好的 HTML 方式。

您能否建议这里的最佳做法是什么？我正在使用 Angular，所以如果实现它的最佳方法是使用 Angular，那也很好。

【问题讨论】：

重定向到 \query 或 \whatUsersEnter?
重定向到 \whatUsersEnter
jsfiddle.net/lsconyer/bktpzgre/1
所以听keypress，检查keyCode是否为13，将位置设置为值，看起来很简单。
在那个例子中，doWork() 函数可能会触发类似 $location.url('mylink.com/query?value=' + scope.searchText);

【解决方案1】：

您可以在输入标签中使用ng-keypress 指令...

HTML

<input ng-keypress="goToQueryPage($event)" ng-model="query>

控制器

$scope.goToQueryPage = function(keyEvent) {
  if (keyEvent.which === 13)
     alert('Go to ' + $scope.query);
}

这里是plunker

【讨论】：