为什么输入元素在组件重新呈现后不能重新获得焦点？

文章/答案/技术大牛

发布

2回答

javascript、reactjs

this.handleChange} /> Add }因此，在第一次呈现组件时，输入元素确实具有焦点，因为我使用的是autoFocus={true}。但在我点击按钮后，焦点并没有回到输入上，而是停留在按钮上。我的问题是： 为什么</

浏览 10提问于2019-11-02得票数 0

1回答

是否可以将焦点应用于我的React组件中的输入元素，而不直接将ref分配给input标记？

javascript、html、reactjs、focus、html-input

当组件重新呈现时，我失去了文本输入框的焦点。我可以通过添加引用(类似于答案)将焦点重新应用于<input>元素，但是如果我不能访问<input>元素，因为它在自定义组件中，我该怎么办呢？显然，我可以编辑组件，也可以完全放弃使用它，但我想知道是否有其他方法可以在我的文本框上重新应用焦点。我有一个名为<

浏览 0提问于2017-12-06得票数 0

1回答

Javascript:在正在重新呈现的元素上重置选定的焦点

javascript、focus、dust.js

使用dust.js，我基本上将页面分解为模板组件，这些组件在响应特定事件时重新呈现。一个这样的组件/模板在概念上看起来如下：此组件中的所有3个输入都有一个onBlur事件，该事件用于重新计算其他输入的值，从而导致模板重新呈现。我重新呈现模板而不是仅仅设置值的原因是，模板包含根据值呈现</em

浏览 0提问于2012-12-06得票数 0

1回答

React如何使用refs来聚焦/模糊？

javascript、html、reactjs

我想呈现一个带有嵌套div的组件。在单击它的每个嵌套div时，它会变成一个输入。在特定div之外单击时，它会将输入转换回div。这是我的组件到目前为止的样子，它是一个子组件： super(props); this.textInput = React.createRef()当元素获得焦点时，事件还会如何触发？在我的代码中，fo

浏览 5提问于2021-03-17得票数 1

1回答

如何强制函数在任何焦点更改上运行？

javascript、jsf

我的目标是确保同一个组件总是有焦点。表单有一个输入框和若干个按钮。用户将扫描条形码(用扫描仪模拟键盘)，然后选择一个按钮来激活功能。我希望他们能够扫描多个条形码，而不必点击输入框。真的需要使它页宽，这似乎是因为焦点不知道的地方后，按钮激活。在这种情况下，在模糊事件上进行焦点更改似乎不起作用。它看起来像是JSF的处理程序在执行模糊事件(因此是焦点更改请求)之后移动焦点。模糊事件被忽略的原因是整

浏览 8提问于2012-09-06得票数 0

2回答

响应路由导致输入失去焦点

reactjs、react-router

我有一个有输入的组件的应用程序。当用户更改输入时，我希望更新URL中的查询字符串，以反映新的状态。我通过检测当前location.search值与我的状态将生成的查询字符串之间的差异来实现这一点。如果存在差异，则返回一个<Redirect>组件，其中包含反映新状态的查询args。问题是，在每次重定向之后，组件重新呈现，我的输入被新的输入所取代，这意味着我刚刚更改的输入不再存在，因此它没有

浏览 3提问于2020-04-09得票数 2

回答已采纳

1回答

React :理解输入字段中使用defaultValue时键的行为

reactjs

在本例中，有谁能解释三种情况下的行为。您可以找到代码

浏览 0提问于2018-02-01得票数 1

回答已采纳

3回答

当键入Reactjs时，TextField失去焦点

javascript、reactjs、redux

我使用MaterialUI构建组件Expanded，其中包含文本字段列表。 { },}组件reduxState.fieldName1} /> onChangeSele

浏览 4提问于2020-02-08得票数 0

回答已采纳

3回答

输入字段失去对每种字符类型的关注--反应

reactjs、redux

我试图在表的标题上添加列过滤器，但是在每次输入字段之后，它就失去了焦点。我的主要组件:在这里，我初始化了一个本地状态：searchColArr和fetchData中使用的所有其他状态都是redux状态，它正在使用useSelectror进行初始化。TBody={TBody} {/* REDUX TABLE ENDS */} </div>

浏览 6提问于2021-05-12得票数 7

2回答

Blazor:如何在EditForm.Model更改后保持对输入的关注

c#、blazor

当模型改变时，EditForm元素会重新呈现它的子内容。这样做的一个副作用是，活动的(聚焦的)输入元素从DOM中删除，焦点丢失。 <!EditForm时，我希望将焦点保留在相同的输入上-任何具有焦点的输入。当EditForm被重新呈现时，我如何将焦点保留在相同的

浏览 0提问于2021-10-25得票数 1

2回答

反应:当我输入文字时，文字输入会失去焦点。

reactjs、forms、react-hooks、use-state

我正在构建一个表单，其中有与状态绑定的输入。问题是，当我输入字段"Order“或"Output Requirement”时，输入字段继续失去焦点。我也确信"LabelledIconInput“不是问题，因为我在登录页面中使用它，而且我没有这样的问题。<Labelle

浏览 8提问于2022-04-06得票数 1

回答已采纳

1回答

输入失去焦点，反应反应-钩子Axios

reactjs、input、react-hooks、axios

一切都很好，但是在搜索字段中的每一个类型之后，我认为所有的页面都被重新呈现，并且输入失去了焦点。fsac = FilmsSeriesAnimeCartoons，我创建了一个抽象组件来呈现这4种模型，也许有人知道比传递值给道具更好的方法 const FsacList = (props) => {

浏览 6提问于2022-07-03得票数 0

2回答

启用禁用输入后，响应自动对焦输入

reactjs、autofocus

我试图自动对焦一个文本输入(输入是在选择相关的无线电选项时启用的)。在启用文本输入的选项之间切换时，自动焦点可以工作。但是，当从禁用文本输入的选项切换到启用文本输入的选项时，自动焦点将失败。

浏览 1提问于2017-07-06得票数 7

回答已采纳

1回答

如何访问a4j:jsFunction的oncomplete属性中的参数

javascript、jsf-2、richfaces

render="table@body, scroller" execute="@form" /> 如果我删除了jsFunction属性中的@body，那么render=""将正常工作，但是使用它，表在呈现后不会显示任何内容(如果按下F5，正确的数据将显示在表中)。

浏览 0提问于2013-03-12得票数 1

回答已采纳

2回答

在wicket中刷新页面后重新调整输入字段

javascript、java、jquery、wicket、accessibility

是否有可能在刷新后重新调整输入字段的焦点，这是在请求页面之前最后一次聚焦的？我在我的WebPage中有一个Wicket表单，在这个表单中有相当多的输入字段(比如文本字段)，用户可以用来过滤我的数据视图。但是，例如，当用户将焦点放在第二个输入字段上，然后单击数据视图中的“转到下一页”时，就会失去焦点，但是由于可访问性，有必要重新调整第二个输入字段的焦点。"); $(t

浏览 3提问于2016-03-15得票数 1

回答已采纳

1回答

使div无法获得焦点(如工具栏按钮)

javascript、focus、toolbar

假设焦点是文本输入。单击div不应使文本输入的焦点丢失。下面是一个基本设置：<div id="toolbar-button"></div>我试图重新关注div的mousedown事件addEventListener('mousedown', function(event) { document.getElementB

浏览 1提问于2016-03-05得票数 0

回答已采纳

1回答

我正在编写一个autocomplete自定义组件，作为使用JSF 2.1.3的学习练习。这个想法(可能大家都很熟悉)是在组件中输入一些文本，并显示一个具有匹配值的列表框。这个想法是在输入上有一个keyup javascript事件，它调用jsf.ajax.request()来更新组件。，所以我重新呈现了自定义组件'myauto‘。通过指定execute：'myauto‘，decode()方法执行，

浏览 1提问于2011-08-23得票数 6

1回答

文本输入在更改为多行后失去焦点

reactjs、office-ui-fabric

我可以让这个部分工作，但是当输入在单行和多行输入之间切换时，它就失去了焦点。因此，如果您在文本字段中键入逗号字符，文本字段将失去焦点。我相信在幕后，office fabric react中的textfield组件在我在两个文本区域之间切换时会重新呈现一个文本区域而不是输入，焦点将保留在替换的输入上，而不会自动切换到新的文本区域。你知道如何确保文本

浏览 1提问于2018-09-21得票数 1

1回答

避免在物料ui <TextField>组件中多次调用自动对焦

javascript、reactjs、material-ui

第一个<TextField>自动聚焦在挂载上。很简单。输入：<Typing>组件，它用不同的道具呈现<LoginForm> 我们把重点放在用户名输入和开始输入</em

浏览 0提问于2018-09-11得票数 0

1回答

sap.m.Table更新后滚动位置更改

javascript、sapui5、sap-fiori

我在sap.m.Table中遇到了滚动条的问题。我正在使用带有图标选项卡的对象页面布局。表在一个选项卡中，其他信息在第二个选项卡中。 

浏览 1提问于2020-11-15得票数 1

点击加载更多