我是靠谱客的博主 笨笨咖啡豆,最近开发中收集的这篇文章主要介绍angularjs 绑定enter事件的两种方法,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

绑定dom元素enter事件有两种方法,个人推荐第二种

方法一:由于没有ngEnter指令,所以可以自己扩展一个

指令代码如下:

'use strict';

define(function (require, exports, module) {
    module.exports = function (ngModule) {
        ngModule.register.directive('ngEnter', function () {
            return {
                restrict: 'A',
                require: '?ngModel',
                link: function ($scope, element, attrs, controller) {
                    element.bind("keydown keypress", function (event) {
                        if(event.which === 13) {
                            $scope.$apply(function (){
                                $scope.$eval(attrs.ngEnter);
                            });
                            event.preventDefault();
                        }
                    });
                }
            }
        });
    }
});

方法二:用ng-keypress指令:

<input class="add-inner-input" id="name" placeholder="回车添加,设置日期点右侧" ng-keypress="($event.which === 13)?addTask():0"/>

effevo技术团队出品 (https://effevo.com)
这里写图片描述

最后

以上就是笨笨咖啡豆为你收集整理的angularjs 绑定enter事件的两种方法的全部内容,希望文章能够帮你解决angularjs 绑定enter事件的两种方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(37)

评论列表共有 0 条评论

立即
投稿
返回
顶部