angularJs回车事件

最新推荐文章于 2024-09-22 22:22:22 发布

摸路

最新推荐文章于 2024-09-22 22:22:22 发布

阅读量2.5k

点赞数

分类专栏： AngularJs

本文链接：https://blog.csdn.net/qq_27868533/article/details/80812850

版权

AngularJs 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

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();
        }
    };