angularJs回车事件

版权声明:本文可转载 ,但转载必须注明出处并附带本文链接 https://blog.csdn.net/qq_27868533/article/details/80812850

       AngularJS 回车事件是借助指令 ng-keyup 完成,ng-keyup 指令用于告诉 AngularJS 在指定 HTML 元素上按键松开时需要的操作。ng-keyup 指令不会覆盖元素的原生 onkeyup 事件, 事件触发时,ng-keyup 表达式与原生的 onkeyup 事件将都会执行。
因此,只需要在想调用回车事件的元素使用 ng-keyup 指令和对应的事件即。
举个栗子:

 <input type="text"  ng-keyup="enterEvent($event)" ng-model="searchKey">
 // 关键字搜索
    $scope.keySearch = function () {
        alert("回车事件")
    };

    $scope.enterEvent = function (e) {
        var keycode = window.event ? e.keyCode : e.which;
        if(keycode==13){
            $scope.keySearch();
        }
    };

猜你喜欢

转载自blog.csdn.net/qq_27868533/article/details/80812850