angularjs 绑定enter事件的两种方法
来源:互联网 发布:centos nginx web目录 编辑:程序博客网 时间:2024/05/01 20:18
绑定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)
0 0
- angularjs 绑定enter事件的两种方法
- plupload上传插件绑定事件的两种方法
- plupload上传插件绑定事件的两种方法
- Angularjs中使用指令绑定点击事件的方法
- 关于angularjs的绑定事件
- 事件绑定的两种形式
- AngularJS(三)视图绑定数据的两种方式
- angularJS自定义服务的两种方法
- jquery 绑定回车事件Enter
- AngularJS事件绑定的使用详解
- 文本框绑定enter事件后,除了执行绑定文本框方法外,页面再刷新一次
- DropdownList绑定的两种方法
- DropDownList绑定数据的两种方法
- LISTVIEW绑定数据的两种方法
- DropDownList绑定的两种方法
- DropdownList绑定的两种方法
- DropdownList绑定的两种方法 .
- ListView绑定数据的两种方法
- 解决在tomecat启动时报 java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderListen
- Usaco2007 Nov 【Milking Time 】挤奶时间
- maven中引入oracle驱动报错Missing artifact com.oracle:ojdbc14:jar:10.2.0.4.0
- POJ2247 Humble Numbers
- I18N
- angularjs 绑定enter事件的两种方法
- static变量放在头文件的后果
- erl_tree RBT 红黑树
- PHP trim() 函数
- 无法直接删除安卓图片浏览器中图片
- java 乱码原因分析
- NSFileManager 和获取文件大小
- 用于修改学生的信息_1
- Redis 起步