focus 相关问题

在React js中点击回车键时触发onblur事件

我有一个输入文本字段。当用户输入任何文本并单击输入按钮时，我需要激活模糊事件以删除焦点并验证 textinput 。 我有一个输入文本字段。当用户输入任何文本并单击输入按钮时，我需要激活模糊事件以删除焦点并验证文本输入。 <input type="text" style={{marginTop:'20%', marginLeft:'40%'}} value={value} onFocus={onFocus} onChange={e => setValue(e.target.value)} onKeyPress={handleKeyPress} /> 代替 onKeyPress，使用 onKeyDown 来检测 keyCode 事件。 <input type="text" style={{marginTop:'20%', marginLeft:'40%'}} value={value} onFocus={onFocus} onChange={e => setValue(e.target.value)} onKeyDown={(e) => this.handleKeyPress(event)} /> 函数会是这样的， handleKeyPress(e){ if(e.keyCode === 13){ e.target.blur(); //Write you validation logic here } } 使用 refs 和 this.inputRef.current.blur()。这是可行的解决方案。 class App extends React.Component { constructor(props) { super(props); this.inputRef = React.createRef(); this.state = { value: "" }; } keypressHandler = event => { if (event.key === "Enter") { this.setState({ value: this.inputRef.current.value }); this.inputRef.current.blur(); this.inputRef.current.value = ""; } }; render() { return ( <div> <label>Enter Text</label> <input type="text" ref={this.inputRef} onKeyPress={event => this.keypressHandler(event)} /> <p>{this.state.value}</p> </div> ); } } ReactDOM.render(<App/>, document.getElementById('root')); <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script> <div id='root' /> 一行是： <input ... onKeyDown={(e) => (e.key === "Escape") && e.target.blur()} />

TextView 中点击的单词清晰焦点

我正在使用自定义的 LinkMovementMethod 类来自定义我的 onClick 文本，效果非常好，但当它单击可点击单词时，它仍然按下，如图所示 我怎样才能释放它 还有他...

如果我激活他，我怎样才能创建一个不位于前面或不获得焦点的表单

我想在 Visual Basic 中制作一个窗体，它无法获得焦点并且无法从另一个窗口带到前面 我已经搜索了很多，但我没有找到任何东西。 我尝试了这段代码，这让我...

如何从选定的卡片 Bootstrap 5 中删除轮廓

对于我的论文，我必须使用 Bootstrap 5 框架制作一个网站，所以我一直在摆弄“Bootstrap Cards”。当我单击卡片时，会出现边框。我想我可以修复它

如何关闭画布上的焦点以允许鼠标单击其下方可见的项目

Canvas 有一个 .focus() 方法，该方法应该能够获取一个对象，例如： myCanvas.focus({focusVisible: false}); 执行时没有错误，但仍会在

在输入组件中击键后失去焦点，但与内联 JSX 一起工作正常

嗨，我想构建一个具有多个输入的页面。然而，MyInput 组件在每次击键后都会失去焦点，而内联 JSX 则可以正常工作，如上所述。 MyInput 组件基本上是...

窗口初始化后聚焦文本框并选择所有文本

打开新窗口时，我想聚焦特定文本框并选择其中的整个文本。 我根据本教程进行了尝试：https://blogs.msdn.microsoft.com/argumentnullexceptionblogpost/...

使键盘在没有 TextField 的情况下显示

Flutter中有没有命令可以让移动设备上的屏幕键盘出现？我知道使用 FocusNodes 来显示 TextFields 的键盘，但我遇到的情况不...

多个 onFocusChange 接收

我在一个充满 EditText 的列表视图中挣扎了一段时间，并且我找不到一种方法来完成我的任务而不做一些棘手的事情。 我使用了一个最小化的项目来使其更简单并且......

如何防止delphi TWebBrowser窃取焦点

我对 Delphi 和 WebBrowser 组件感到疯狂。 我创建了一个简单的应用程序，用于在备忘录中输入 HTML 并在 WebBrowser 组件内显示结果。 但是，当我点击

如何在 flutter 桌面应用程序中禁用默认的 Windows 热键？

我想为 f10 键添加新操作。但是，当我按 f10 时，我的应用程序失去焦点，并且无法使用 RawKeyDownEvent 跟踪键盘操作。 我想在用户使用时禁用所有默认的 Windows 热键...

SwiftUI + 更新到 16.4 后关注 TVOS 的问题

TVOS 更新到 16.4 后，我的 SwiftUI TVOS 应用程序中的所有视图都停止正常工作。 Siri 远程工作的手势识别和按钮，但我视图中的元素丢失或未设置...

WPF 重置按钮单击焦点

我有一个文本框和一个带有按钮的工具栏。如果我在文本框中键入内容并单击按钮，我希望文本框失去焦点，以便更新绑定。我不想添加 UpdateSourceTr...

如何修复 Visual Studio 表单不聚焦的问题？

我有一个打开新表单的按钮，但每次按下它时，我都必须从任务栏中单击我的应用程序才能打开它，因为它没有聚焦，我的表单边框样式设置为无。 这是代码...

Java 使用键绑定在屏幕上移动图像

基本上，我被建议使用键绑定而不是键侦听器，并且我很难找到一种使键绑定正常工作的方法。我相信这个问题又来自于焦点。 什...

Angular Mat Select 显示键盘焦点和鼠标悬停焦点的问题

在此发布此信息是为了避免其他人头痛。 当未设置初始值时，Angular 会自动关注第一个可用选项。这可能会让用户感到困惑，因为它显示...

当文本字段或文本区域使用纯 JavaScript 获得焦点时禁用键盘快捷键

我有一个简单的脚本，它使用向左和向右箭头移动到下一篇和上一篇博文。 var nextEl = document.getElementById("pagination__next__link"); var prevEl = document.getElementById("

WPF 和 C# ComboBox 下一个焦点

我正在使用 WPF 和 C#。 我有一个带有按钮的 OnScreenKeyboard 的应用程序。 当我按下 OnScreenKeyboard 中的选项卡按钮时，它会执行以下操作： 如果（IsEnterEnabled）{ 当前文本框.移动...

Javafx 。如何获得下一个元素非 Focus Lost

我在 TextField 上有一个焦点监听器，我想知道下一个获得焦点的元素是哪个。 （特殊情况下可能会更改） 任何想法？ 类数据扩展了 Tex...

Angular 当我按下 tab 时如何正确控制元素聚焦的顺序

嘿，我有 2 个关于在按 Tab 键时将某些元素集中在页面上的问题 在页面中切换时，空白时突出显示的选项卡不会聚焦。我需要那些即使在空的时候也能集中注意力的东西。 选项卡...