IE输入元素焦点不适用于角度指令

Posted 2023-03-05

技术标签:

【中文标题】IE输入元素焦点不适用于角度指令【英文标题】：IE input element focus not working with angular directive 【发布时间】：2015-06-12 10:53:41 【问题描述】：

我有一个用输入元素动态填充的 div，并将焦点设置在第一个输入字段上。重点适用于 Chrome，但不适用于 IE。这是plnkr http://plnkr.co/edit/b6urKKilDVRwuqVQfbWt

焦点实际上是在超时函数内完成的，但焦点似乎仍然没有在输入字段上做任何事情。我正在使用一个角度指令来创建我的表单元素。

directive('ngppParameters', ["$compile","$timeout",function($compile,$timeout) 
  return 
        restrict: 'E',       
        link:function($scope,$element,$attrs)
        
            $scope.$watch("tree.length", function (value)        

                if(value.length===0)
                    return;                

                $timeout(function() 
                    var fields = $("ngpp-parameters input").filter(":visible:first");
                    console.log("Setting the focus");
                    if(fields.length>0)
                    
                       console.log("Setting focus");
                       fields[0].focus();                   

                    
                ,10);              
            );
                
    ;

更新：

这是指令。

【问题讨论】：

【参考方案1】：

终于找到问题了，IE正在处理残疾的父母，而不是让焦点集中在孩子身上。

我已经从指令 pp-field 中删除了 disabled="disabled" 属性，它按预期工作。除 IE 之外的所有其他浏览器都没有考虑父母禁用状态。

【讨论】：

我也面临同样的问题你能帮忙吗..***.com/questions/35054171/…【参考方案2】：

确保使用ng-disabled="" 而不是disabled 属性以使浏览器忽略它并按预期运行。

【讨论】：

【参考方案3】：

fields[0] 不是你想的那样（我之前也犯过同样的错误）。