Question

这是提交按钮：

 <input type="submit" ng-click="Showdata()"  class="btn blue pull-right" Text="" />

以下是电子邮件的文本框：

 <input type="text" ng-model="texttype" class="form-control" ng-class="eml" placeholder="Enter Email" />

这是pass的文本框：

  <input type="password" ng-model="passwordtype" class="form-control" ng-class="pass" placeholder="Enter Password" />

这里提交鼠标点击工作..但我怎样才能进入点击？我在这里使用angularjs。如何通过鼠标单击提交并输入按键？

Answer 1

尝试使用ng-enter指令。我想这会对你有帮助。

var $scope;
var app = angular.module('miniapp', []).filter('moment', function() {
    return function(dateString, format) {
        return moment(dateString).format(format);
    };
});

app.directive('ngEnter', function () {
    return function (scope, element, attrs) {
        element.bind("keydown keypress", function (event) {
            if(event.which === 13) {
                scope.$apply(function (){
                    scope.$eval(attrs.ngEnter);
                });
 
                event.preventDefault();
            }
        });
    };
});

function Ctrl($scope) {
    $scope.DoWork = function(){
          alert('Hello World! ' + $scope.MyText);  
    };
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<div ng-app="miniapp">
    <div ng-controller="Ctrl">
        <input ng-enter="DoWork()" ng-model="MyText" />
    </div>    
</div>

Answer 2

您需要将form标记与ng-submit

一起使用

<form name="sampleForm" ng-submit="Showdata()">

  <input type="text" ng-model="texttype" class="form-control" ng-class="eml" placeholder="Enter Email" />    
  <input type="password" ng-model="passwordtype" class="form-control" ng-class="pass" placeholder="Enter Password" />
  <input type="submit"  class="btn blue pull-right" Text="" />   

</form>

Answer 3

在输入字段中添加一个名为“ searchTextbox ”的类然后使用该代码

    $('.searchTextbox').keypress(function (event) {
                if (event.which == 13) {
                    $scope.Showdata();
                }
            });


<input type="text" ng-model="texttype" class="form-control searchTextbox " ng-class="eml" placeholder="Enter Email" />

输入密钥无法处理提交按钮Angularjs

3 个答案: