按下 Enter 键时 Angularjs 的默认操作

Question

我对表单的理解是，如果表单有一个与之关联的 ng-submit 操作，则按 Enter 键将调用该操作，通常模仿单击表单的“提交”按钮。我有一个没有按钮的表单，但有一个 div 标签内按钮的自定义图像，div 标签具有 ng-click 操作。当我按 Enter 时，什么也没有发生。我错过了什么？

Answer 1

制作您的按钮类型 submit并添加一个类属性并设置按钮样式以使其成为如下图像:

<form ng-submit="someAction()">
 <button type="submit" class="submitbutton">Submit</button>
</form>

并在 css 中设置按钮样式，例如:

.submitbutton {
  background:url('....') // your custom image
}

然后您的自定义图像将充当提交按钮并在单击 Enter 键时调用表单操作。