当前位置: 首页 > 面试题库 >

输入自动对焦属性

夏志国
2023-03-14
问题内容

我在代码中有以下位置:

<input data-ng-disabled="SOME_SCOPE_VARIABLE" />

我也希望能够像这样使用它:

<input data-ng-autofocus="SOME_SCOPE_VARIABLE" />

甚至更好,模仿ng样式的完成方式:

<input data-ng-attribute="{autofocus: SOME_SCOPE_VARIABLE}" />

当前版本的AngularJS中是否存在?我在代码中注意到有一个BOOLEAN_ATTR,它获取了AngularJS支持的所有attr。我不想修改它,以免更改版本并忘记更新。


问题答案:

更新
:AngularJS现在有一个ngFocus指令,该指令可以
焦点 的表达式进行求值,但是为了完整起见,我在这里提到它。

当前版本的AngularJS没有focus指令,但是它在路线图中。巧合的是,我们昨天在邮件列表中谈论了这个,我想到了这个:

angular.module('ng').directive('ngFocus', function($timeout) {
    return {
        link: function ( scope, element, attrs ) {
            scope.$watch( attrs.ngFocus, function ( val ) {
                if ( angular.isDefined( val ) && val ) {
                    $timeout( function () { element[0].focus(); } );
                }
            }, true);

            element.bind('blur', function () {
                if ( angular.isDefined( attrs.ngFocusLost ) ) {
                    scope.$apply( attrs.ngFocusLost );

                }
            });
        }
    };
});

可以根据您的要求使用范围变量

<input type="text" ng-focus="isFocused" ng-focus-lost="loseFocus()">

这是一个小提琴:http :
//jsfiddle.net/ANfJZ/39/



 类似资料:
  • 这在当前版本的AngularJS中存在吗?我注意到代码中有一个BOOLEAN_ATTR,它获得AngularJS支持的所有attr。我不想修改它,因为害怕改变版本和忘记更新。

  • 本文向大家介绍javascript实现依次输入input自动定焦,包括了javascript实现依次输入input自动定焦的使用技巧和注意事项,需要的朋友参考一下 代码很简单,功能非常实用,小伙伴们美化下就可以用到自己项目中了,是不是很炫酷

  • 我有一个带有

  • 我正在使用purescript卤素构建一个类似电子表格的表格(类似于Handsontable)。如果双击某个单元格,则html输入元素将作为相应表格单元格的子元素呈现(并且不会为所有其他单元格呈现此类元素)。 这对卤素非常有效,除了我不知道如何自动将焦点设置为新创建的输入元素。 我尝试了属性,但这只适用于双击的第一个单元格。JavaScript的方法是在新元素上调用方法,但是我不知道在DOM以卤素

  • 问题内容: 在Mobile Safari中,设置延迟时间后,我无法专注于文本字段。我附上了一些展示此问题的示例代码。如果在单击按钮时触发.focus(),则一切正常。如果您将焦点放在回调(如setTimeout函数)上,则仅在移动浏览器中失败。在所有其他浏览器中,存在延迟,然后出现焦点。 令人困惑的是,即使在移动浏览器中,也会触发“ focusin”事件。这个(和SO中类似的注释)使我认为这是一个

  • Android最近几个月发布了一款新的应用编程接口相机。我正在努力理解如何让相机自动对焦。 https://groups.google.com/a/android.com/forum/#!searchin/camerax developers/auto$20focus | sort:date/camerax developers/IQ3KZd8iOIY/LIbrRIqEBgAJ 这里是关于这个话题