focus 相关问题

Focus表示当前选择用于接收输入的图形用户界面的组件。

FocusState Textfield 在工具栏 ToolbarItem 中不起作用

让我解释一下，我有一个带有 SearchBarView 的父视图，我正在传递这样的焦点状态绑定。 SearchBarView(searchText:$object.searchQuery, 搜索: $object.searching, 聚焦:

swiftui view swift3 state focus

回答 1 投票 0

Jetpack Compose BasicTextField 占位符阻止在单击时获得焦点

我使用 Jetpack Compose BasicTextField 并使用文本组件设置占位符，如下所示：当我单击占位符文本时，文本字段不会获得焦点。这是 Compos 上的错误吗...

android android-jetpack-compose focus textfield

回答 2 投票 0

找不到 CSS 选择器来设置 Shadow DOM 委托焦点的样式

编辑1+ 好吧，抱歉，徒劳无功。这似乎是一个直接的 CSS 问题。在光 DOM 中：- #disTick::部分（内藤）{ 盒子阴影：插入 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0p...

javascript css focus shadow-dom custom-element

回答 1 投票 0

C# WPF ListView SelectedItem 在失去焦点时保持值

问题：当我尝试按下与 ListView 面板不同的另一个面板上的按钮时，失去 ListView 项目焦点并因此重置 SelectedItem 属性。我需要保持专注（可选...

c# wpf listview mvvm focus

回答 1 投票 0

ng-select 的焦点不起作用 Angular 5

我正在尝试在 Angular 5 中使用焦点进行 ng-select，但它不起作用我正在使用 ng2-select 如何在 Angular 5 中使用焦点进行 ng-select ？我正在尝试在 Angular 5 中使用焦点进行 ng-select，但它不起作用我正在使用 ng2-select 如何在 Angular 5 中使用焦点进行 ng-select ？ <label class="input"> <input (blur)="goTo()" type="text"> </label> <label class="select" > <div *ngIf="items.length > 0" > <ng-select #select [items]="items"> </ng-select> </div> </label> @ViewChild('select') myElement: ElementRef; goTo(){ this.myElement.element.nativeElement.focus(); } 这对我来说效果很好， @ViewChild('ngSelect') ngSelect: NgSelectComponent; ngAfterViewInit() { if (this.autofocus) { setTimeout(() => { this.ngSelect.focus(); }); } } 参考https://github.com/ng-select/ng-select/issues/762 改变这个 goTo(){ this.myElement.element.nativeElement.focus(); } 对此， import { ChangeDetectorRef } from '@angular/core'; constructor (private cRef: ChangeDetectorRef) {} // import 'SelectComponent' from your library for 'ng2-select' goTo(){ let el = null; if (this.items.length > 0) { this.cRef.detectChanges(); el = (this.myElement.nativeElement as SelectComponent).element.nativeElement.querySelector('div.ui-select-container > input'); if (el) { el.focus(); } } } 您可能需要检查该元素是否已定义（或者您是否需要其中额外的“nativeElement”，但我基本上重用了here中的逻辑。请注意，如果库更新以重命名这些类或修改模板，这可能不是一个稳定的修复。希望有帮助。一个简单的方法，你也可以这样做。 <label class="input"> <input (blur)="goTo(select)" type="text"> </label> <label class="select"> <div *ngIf="items.length > 0"> <ng-select #select [items]="items"> </ng-select> </div> </label> 并在 Typescript 文件中。 goTo(select){ select.focus(); } 快速回复，在此解决方案中，记录每个选择元素以供将来使用（在本例中为模糊）。这需要根据您的情况进行调整。 import { Component, OnInit } from '@angular/core'; import { ViewChildren, QueryList } from '@angular/core'; @Component({ selector: 'app-editor', templateUrl: './editor.component.html', styleUrls: ['./editor.component.css'] }) export class EditorComponent implements AfterViewInit { // Viewchildren // https://netbasal.com/understanding-viewchildren-contentchildren-and-querylist-in-angular-896b0c689f6e myindex:number; @ViewChildren("select") inputs: QueryList<any> constructor() { this.myindex=0 } // You will have to setup some input parameters in this function in order to switch to the right "select", (you have control) private goTo() { // focus next input field if (this.myindex +1 < this.inputs.toArray().length) { this.inputs.toArray()[this.myindex +1].nativeElement.focus(); this.myindex = this.myindex + 1; } else { this.inputs.toArray()[0].nativeElement.focus(); this.myindex = 0; } } private processChildren(): void { console.log('Processing children. Their count:', this.inputs.toArray().length) } ngAfterViewInit() { console.log("AfterViewInit"); console.log(this.inputs); this.inputs.forEach(input => console.log(input)); // susbcribe to inputs changes, each time an element is added (very optional feature ...) this.inputs.changes.subscribe(_ => this.processChildren() // subsequent calls to processChildren ); } } 将“#id”添加到 ngSelect 元素 <ng-select #id></ng-select> 然后添加： @ViewChild('id') Ele: NgSelectComponent; 在 component.ts 文件中然后使用：this.Ele.focus进行对焦，它将对焦

html angular typescript focus

回答 5 投票 0

如何清除视图中所有可选元素的焦点？

我的问题很简单。如何清除视图中可能具有焦点的所有元素的焦点（例如 EditText -或 - TextView，其 textIsSelectable="true" 并且在发生...时在其中选择文本

android focus navigation-drawer android-view

回答 4 投票 0

显示抽屉式导航栏时，清晰地关注内容

在具有导航抽屉的 Android 活动中清除焦点的最佳方法是什么。问题是，当用户选择了文本框时，如果您打开导航抽屉......

android focus navigation-drawer

回答 2 投票 0

Flutter中如何将焦点转移到下一个TextField？

我是 Flutter 新手。我正在使用以下小部件构建具有多个文本输入的表单：Form、TextFormField。出现的键盘不显示“下一个”（这应该将焦点转移到下一个

flutter dart flutter-layout focus textfield

回答 12 投票 0

当子元素只有:focus-visible时，如何获取父元素:focus-within？

当子元素只有焦点可见时，如何让父元素获得焦点？我希望父母在通过键盘聚焦孩子时获得轮廓。但这段代码总是有焦点（大纲）...

html css css-selectors focus

回答 1 投票 0

在 Vue 3 中单击按钮后如何将焦点保持在输入上而不闪烁？

脚本 const amountRef = ref(null); 常量数量 = ref(0.1); const insertSuggestion = (e, 值) => { e.preventDefault(); e.stopPropagation(); 金额.价值 = 价值; amountRef.value.focus...

javascript vue.js focus vuejs3

回答 3 投票 0

React Native 输入字段在输入字符后失去焦点

每次我在任何输入字段中输入字符时，它都会失去焦点，并且除非我单击返回输入字段，否则我无法继续输入。这是我的登录表单。我检查了一下以确保

reactjs react-native input react-navigation focus

回答 1 投票 0

如何以编程方式设置 Compose Accessibility Talkback 的焦点

我想在第二个屏幕返回后按单击聚焦原始视图。例如，当我单击法律按钮时，应用程序将导航到第二主屏幕。当第二个主屏幕...

kotlin android-jetpack-compose accessibility focus talkback

回答 1 投票 0

在 WPF XAML 中将焦点设置在 TextBox 上

尽管此论坛和其他论坛上有一些帖子，但我找不到告诉我如何将焦点设置在文本框上的内容。我有一个带有许多标签和文本框的用户控件。加载表单后，我...