时间戳

首页 > 解决方案 > Azure AD B2C 注册 HTML 自动对焦

azure-ad-b2c - Azure AD B2C 注册 HTML 自动对焦

问题描述

我正在为我们的注册/登录等用户流程使用自定义策略。当导航到 Chrome 和 Edge 中的注册表单时，该表单会在屏幕的中途显示滚动。我相信这是因为最低的输入字段（复选框）有一个 autofocus属性，即：

<input name="xxx" id="xxx" autofocus="" type="checkbox" value="True" />

我可以验证最低输入（复选框）是否具有焦点，因为当我按下空格键时，它会切换。

似乎微软在页面中的 javascript 正在动态设置此自动对焦属性。通过 javascript 搜索，看起来每个输入都有一个AUTOFOCUS=True属性：

{ "USER_INPUT_TYPE": "CheckboxMultiSelect", "IS_TEXT": false, "IS_EMAIL": false, ... "OPTIONS": [{ "DISP": "I agree.", "VAL": "True", "PRESEL": false, -->> "AUTOFOCUS": true <<-- } ] }

有没有办法改变这种自动对焦行为？目前这很烦人，因为这意味着 Chrome 用户在页面加载时会看到表单的下半部分。

标签： azure-ad-b2c

解决方案

我认为这基本上得到了回答，因为 JavaScript 现在可用于自定义页面。

https://azure.microsoft.com/en-au/resources/samples/active-directory-b2c-javascript-msal-singlepageapp/

我建议使用 JQuery 取消选择输入元素或在渲染后删除选项卡索引值，但现在有无数选项可用。

推荐阅读