angular 全局指令 按enter 快捷键操作

前端之家收集整理的这篇文章主要介绍了angular 全局指令 按enter 快捷键操作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

anguler 小需求全局支持 enter键快捷查询

// 全局指令
        app.directive('ngEnter',['$window',($window) => {
            return {
                restrict: 'A',link ($scope,element,attrs) {
                    element.bind('keypress',(ev) => {
                        ev = ev || window.event;
                        if (event.keyCode === 13) {
                            $scope.$eval(attrs.ngEnter);
                            ev.preventDefault ? ev.preventDefault() : ev.returnValue = false;
                            return false;
                        }
                    });
                    element.on('$destroy',function () {
                        element.unbind('keypress');
                        $scope.$destroy();
                    });
                }
            };
        }]);

猜你在找的Angularjs相关文章