input绑定enter事件跳转

一时失言乱红尘 2022-06-01 20:10 252阅读 0赞

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

方法一：由于没有ngEnter指令，所以可以自己扩展一个(转载）

指令代码如下：

  1. 'use strict';
  3. define(function (require, exports, module) { 
  4.     module.exports = function (ngModule) { 
  5.         ngModule.register.directive('ngEnter', function () { 
  6.             return {
  7.                 restrict: 'A',
  8.                 require: '?ngModel',
  9.                 link: function ($scope, element, attrs, controller) { 
  10.                     element.bind("keydown keypress", function (event) { 
  11.                         if(event.which === 13) {
  12.                             $scope.$apply(function (){ 
  13.                                 $scope.$eval(attrs.ngEnter);
  14.                             });
  15.                             event.preventDefault();
  16.                         }
  17.                     });
  18.                 }
  19.             }
  20.         });
  21.     }
  22. });
  25.    1
  26.    2
  27.    3
  28.    4
  29.    5
  30.    6
  31.    7
  32.    8
  33.    9
  34.    10
  35.    11
  36.    12
  37.    13
  38.    14
  39.    15
  40.    16
  41.    17
  42.    18
  43.    19
  44.    20
  45.    21
  46.    22

方法二：自己在项目中的使用

js：

scope.goPages = function(e) {
var keycode = window.event ? e.keyCode : e.which;
if (keycode == 13) {
你要写实现的事件
}
event.preventDefault();
};

html：

方法三：用ng-keypress指令：（转载）

发表评论

表情：
评论列表 （有 0 条评论，252人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Jquery绑定Enter键触发事件

    当我们在使用搜索功能时,输入搜索内容后,总希望向某些网站一样,点击enter键之后就自动触发搜索按钮,不用去手动点击.其实实现这一功能很简单。 首先我们需要知道的是,ente

    水深无声水深无声/ 0 赞/ 773 阅读