angularjs中按回车事件_关于angularjs框架中input按回车事件光标跳转到另一个input上...

在AngularJS项目中,由于缺少ng-keypress和ng-keydown指令,开发者自定义了搜索input指令以处理回车事件。通过在module.js中定义指令,并在HTML页面中应用,实现当用户在input框中按回车时,光标能自动跳转到下一个input框。
摘要由CSDN通过智能技术生成

我们项目里用到angularjs 对应的包,没有ng-keypress\ng-keydown。 所以,我们自己写一些指令。 首先在,项目模块对应的module.js中写指令

class="hljs javascript">define([

'angular',

'angular-couch-potato',

'angular-ui-router',

'angular-resource'

],  function (ng, couchPotato) {

'use strict';

var module = ng.module('app.handOverWithdrawals', [

'ui.router',

'ngResource'

]);

##在html页面中 设置angularjs全局的指令属性

module.directive('searchinput', function () {

return {

restrict: 'A',

controller: function(){

var allInputs = [];

this.getAll = function( ele ){

allInputs.push( ele );

};

this.focusInput = function( ele ){

angular.forEach(allInputs, function( input,index ) {

//if (ele === input) {

//    allInputs[index+1][0].focus();

//}

if ( ele === input && allInputs[index+3] ) {

allInputs[index+3][0].focus();

}

});

};

}

};

});

##在html页面中input输入框,设置angularjs回车换行指令属性

class="hljs lua">    module.directive('enternextline', function () {

return {

restrict: 'A',

require : '^searchinput',

link: function (scope, element, attrs, searchinputCtrl) {

searchinputCtrl.getAll( element );

element.bind('keypress',function(event){

if(event.keyCode == '13'){

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值