autofocus 相关问题

如何禁用网络摄像头的自动对焦(Anker PowerConf C200)?

对于计算机视觉项目,我需要禁用 Anker PowerConf C200 网络摄像头的自动对焦,并且最好手动设置焦点。 Anker (AnkerWork) 有一个程序,我可以使用它

回答 1 投票 0

React Native:非法节点 ID 设置为 Animated.Add 节点的输入

我正在使用 React Native 0.63.4,有时会出现此错误。很确定它与输入焦点有关,包括自动对焦和用户手动对焦。问题是:它几乎从未发生过,非常零星……

回答 1 投票 0

Android:使用 Google Mobile Vision API 的库 MaterialBarcodeScanner 无法为 Samsung J1 自动对焦

使用 Google Mobile Vision API 的 MaterialBarcodeScanner 对于 Samsung J1 不会自动对焦,但使用 Zxing 库时工作正常。相同的代码适用于其他更高版本的 API(在 Sam 上测试过...

回答 1 投票 0

react.js 如何自动聚焦 contentEditable 元素

如何在 React 中将焦点设置在 contentEditable 元素上? 我找到了很多关于该主题的页面,但无法让它发挥作用。 示例代码: 从 'react' 导入 React, { useRef, useEffect }; 常量...

回答 4 投票 0

ngx-otp-input 中的自动对焦在 ionic 5 中不起作用

我尝试使用 ionic 5 来使用 ngx-otp-input,就像示例中的 https://www.npmjs.com/package/ngx-otp-input#otpchange 一样,但是自动对焦对我不起作用。 有什么想法吗?

回答 2 投票 0

颤动 - 自动对焦

我有三个屏幕需要导航,第二个屏幕应该自动聚焦在一个 TextFormField 上。不知何故,当我切换屏幕时,我的键盘不想关闭。也尝试过 FocusNode,当我

回答 1 投票 0

将焦点设置在输入上

我有 Angular 代码,其中第一个字段在页面加载时需要焦点。挑战在于,输入根据条件动态显示,并且它们位于主组件和嵌套组件中。怎么...

回答 1 投票 0

Swift:在自动对焦时创建搜索栏

我正在通过单击按钮创建表格视图和搜索栏。但我需要搜索栏出现在自动聚焦(用户立即输入文本,无需在搜索内单击...

回答 4 投票 0

ReactJS - 如何在 ReactJs 类组件中自动聚焦具有 contentEditable 属性 true 的元素?

我在我正在从事的项目中发现了这个p标签。这充当我前端的输入字段。我不太熟悉 p 标签作为输入字段,但我只是想让文本焦点自动...

回答 3 投票 0

Camerax 如何禁用自动对焦

我开发了一个Android应用程序来通过camerax扫描二维码。预览时如何禁用自动对焦? 没有尝试过 公共无效initCamera(片段片段,OnQRResultListener onQRResultListener){

回答 3 投票 0

如何使用expo相机在react natie中实现点击焦点?

我正在使用 expo 相机,并将其包装在 TapGestureHandler 中,以便我可以检测点击事件。这是代码: ...

回答 1 投票 0

HTML `autofocus` 仅适用于有限类别的元素吗?

我没有看到 MDN 上列出任何限制。 然而,尽管在此代码中将自动焦点放在第二个列表项上,但页面加载时的 document.activeElement 是 : 1... 我没有看到 MDN 中列出任何限制。 但是,尽管将 autofocus 放在此代码中的第二个列表项上,页面加载时的 document.activeElement 是 <body>: <ul> <li>1</li> <li id="two" tabindex="1" autofocus>2</li> <li>3</li> </ul> <button type="button" id="button1">First button</button> <button type="button" id="button2" autofocus>Second button</button> 相比之下,将 autofocus (仅)放在第二个按钮 (button2) 上确实会导致其成为页面加载时的活动元素。 那么,autofocus仅适用于某些元素吗? 是页面加载时焦点位于第二个列表元素上的唯一方法 document.getElementById("two").focus(); 问题更有可能是在加载事件触发后执行聚焦步骤。 相关规范位于 https://html.spec.whatwg.org/multipage/interaction.html#flush-autofocus-candidates。 由此我们可以得出,为了让 autofocus 属性在页面加载时执行某些操作,我们需要: 该文档与最顶层文档同源,即不在跨源 iframe 中,因此很难在 REPL 中显示... 该元素是可聚焦区域,否则将选择最接近的此类可聚焦区域。 如果我们假设您在自己的页面中运行此代码,那么您满足了这两个条件并且它应该可以工作。 现在,如果您确实在 load 事件中记录了 activeElement,您可能会在下一个 flush autofocus候选者之前,该候选者发生在事件循环的更新渲染步骤期间,因此与加载文档。为了确保在初始刷新后运行,您可以使用 requestAnimationFrame() 它将对回调进行排队,以便在该步骤之后触发一点。 至于为什么当只有<button>有该属性时你看到它起作用,我想这只是一个侥幸。

回答 1 投票 0

ReactJS 和自动对焦

我有一个带有 的反应引导模式。我想在 上设置自动对焦属性 以下工作正常,但在控制台中显示警告 我有一个带有 react-bootstrap 的 <input> 模态。我想在 <input> 上设置自动对焦属性 以下工作正常,但在控制台中显示警告 <input type="text" autofocus='true' /> Warning: Invalid DOM property `autofocus`. Did you mean `autoFocus`? 以下选项不起作用,因为它们在打开模式时不会聚焦输入: <input type="text" autoFocus='true' /> <input type="text" autoFocus={true} /> <input type="text" autoFocus /> 建议的自动对焦设置方式是什么?或者我应该如何使效果良好的示例的警告静音? 注意:这是react 16.8.6 如果您使用 React Hooks,请将 useCallback() 添加到您的组件,并将 ref={callback} 添加到表单控件: import React, { useCallback } from 'react' function InputComponent() { const autoFocus = useCallback(el => el ? el.focus() : null, []) return <input type="text" ref={autoFocus} /> } export default InputComponent 您也可以将 <input> 替换为 React Bootstrap FormControl。 Refs就是你想要的, constructor(props) { super(props); this.myRef = React.createRef(); } componentDidMount(){ this.myRef.current.focus(); } <input type="text" ref={this.myRef} /> 如果您正在使用反应钩子,您可以编写自己的简单自动聚焦钩子: import { useEffect, useState } from "react"; export const useAutoFocus = (inputId: string) => { const [initialized, setInitialized] = useState(false); useEffect(() => { if(!initialized) { document.getElementById("email").focus(); setInitialized(true); } }); }; 并且简单地使用例如 useAutoFocus("email") 以您的形式。 为什么我开始输入时会出现错误?但如果没有自动对焦或其替代方案,我的代码就可以了。

回答 4 投票 0

在 Ng Zorro 和 Angular 的抽屉中禁用自动对焦

我想禁用 Ng Zorro 抽屉中的自动对焦第一输入。我知道 Ng Zorro 模态有一个禁用自动对焦的属性。但抽屉没有。 我有一个非常糟糕的解决方案:我有 pu...

回答 1 投票 0

如何在 Flutter 中保持焦点在 TextField 上而不显示键盘?

我是 Flutter 新手。我想要的是将焦点放在 TextField 上,而不是显示键盘。可以吗?

回答 2 投票 0

WeScan 相机自动对焦或快速选择相机

我使用 WeScan git repo 在 Swift 中制作了一个成分扫描应用程序,因为我只想一次扫描一张图像,并在尝试使用本机库时发现了问题。 https://github.com/WeTransfer/W...

回答 1 投票 0

在 Ionic 7 中,如何将光标焦点设置在 IonInput 字段上?

我正在使用 Ionic 7 和 React 18。如何使表单上的特定输入在加载该组件时自动获得光标焦点?我认为“自动对焦”是...

回答 1 投票 0

在 Ng Zorro(Angular)抽屉中禁用自动对焦

我想禁用 Ng Zorro 抽屉中的自动对焦第一输入。我知道 Ng Zorro 模态有一个禁用自动对焦的属性。但抽屉没有。 我有一个非常糟糕的解决方案:我有 pu...

回答 1 投票 0

如何从Android设备获取LENS_FOCUS_DISTANCE

从android相机api2,我们可以设置LENS_FOCUS_DISTANCE(从0到10)。我的问题是如何获得 LENS_FOCUS_DISTANCE?比如自动对焦后,我想知道当前焦点

回答 2 投票 0

如何使用`alteditor`自动聚焦jquery中的第一个可见输入字段?

我正在尝试自动聚焦由 datatable-alteditor 触发的模态的每个第一个元素。为了更好地理解,这里是数据表示例。当我单击“添加”按钮时,我需要名称元素

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.