加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs – 在某些条件后启用的禁用字段上的自动对焦

发布时间:2020-12-17 17:39:48 所属栏目:安全 来源:网络整理
导读:我有两个输入字段,如下图所示. 我正在尝试关注现在被禁用的下一个字段但是在第一个字段中输入字符的maxlength后它将被启用.并且我希望在启用后自动将光标放在下一个字段上. 我正在使用的代码如下: .directive('moveNext',function(){return{ restrict: 'A',
我有两个输入字段,如下图所示.

我正在尝试关注现在被禁用的下一个字段但是在第一个字段中输入字符的maxlength后它将被启用.并且我希望在启用后自动将光标放在下一个字段上.

我正在使用的代码如下:

.directive('moveNext',function(){
return{
    restrict: 'A',link: function($scope,element){
        element.on("input",function(e){
            if((element.val().length==element.attr("maxlength"))){
                console.log('asdfasdf');
                var tabindex = 1;
                var $nextelement = $('input[tabindex='+(tabindex+1)+']');
                console.log($nextelement);
                if($nextelement){
                    console.log('asdf');
                    $nextelement.focus();
                }
            }
        });
    }
}
});

解决方法

尝试不使用ng-disabled而是使用javascript的disabled属性.

document.getElementById("myText").disabled = true;

然后在你的指令下首先将false设置为false并将焦点移到下一个元素上,如下所示:

document.getElementById("myText").disabled = false;
$nextelement.focus();

在你的情况下,在字段启用之前,在摘要周期后首先调用焦点.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读