Question

我有一个带有输入文本字段和按钮的表单。我想捕获用户在文本字段中按Enter键 - 不提交表单，而是触发另一个操作。该按钮有自己独立的单击处理程序，当我在文本字段中按Enter键时，由于某种原因会被触发。

<form onsubmit="return false" ng-submit="mysubmit()" ng-controller="TestCtrl" ng-app="Test">
    <input type="text" />
    <button ng-click="test()">X</button>
</form>

var app=angular.module("Test", []);

app.controller("TestCtrl", ["$scope", function($scope) {
    $scope.test = function() {alert('lol');  };
    $scope.mysubmit = function() {alert('submit');};
}]);

为什么会这样？

Answer 1

将type='button'设置为按钮

<form ng-submit="mysubmit()" ng-controller="TestCtrl">
    <input type="text" />
    <button ng-click="test()" type='button'>X</button>
</form>

Demo

More

按钮按下角形式提交

1 个答案: