focus 相关问题

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

joomla 3 中的模态窗口

也许我的问题的解决方案已经在网站上，但不幸的是，我没有找到它......因此，如果我重复了这个问题，我深表歉意。帮助我解决专注于按钮的问题。 ...

javascript joomla modal-dialog focus

回答 1 投票 0

如何在 Chrome、Angular 14 上使用 window.open() 但仍关注原始窗口？

我想遍历数组并在新的 Chrome 选项卡中使用其链接打开其元素。但是，我不希望它专注于新选项卡。只需关注原始窗口即可。有谁知道吗...

angular focus blur window.open angular14

回答 1 投票 0

防止 TextField 的键盘在 [Return] 后消失，但也需要检测 [Return] 按键

简而言之，我试图在添加条目时实现 Reminders.app 交互，点击[返回]，然后可以立即添加下一个条目（即键盘不会关闭，但只有当您... .

swiftui keyboard focus textfield dismiss

回答 1 投票 0

setTimeout() 中 focus() 的正确语法是什么？

我想在显示其父 div 后立即将焦点赋予输入元素。为此，我需要设置一个小的超时，否则该元素将无法获得焦点。然而，我遇到了麻烦

javascript focus settimeout

回答 1 投票 0

React-phone-input-2：选择国家/地区代码后自动对焦不起作用

您能解释一下，选择代码国家后如何集中输入吗？在演示中它按预期工作，但我的不起作用...... 有一段PhoneInput组件的代码：您能解释一下，选择代码国家后如何集中输入吗？在演示中它按预期工作，但我的不起作用...... 有PhoneInput组件的代码： <PhoneInput inputProps={{ autoFocus: true }} onChange={(e, action) => phoneChange(e, action)} localization={i18n.language === 'ru' && ru} placeholder={placeholder} value={phoneNumber} buttonClass={styles.phoneButton} inputClass={styles.phoneInput} dropdownClass={styles.phoneDropdown} searchClass={styles.phoneSearch} searchPlaceholder={searchHolder} searchNotFound={searchFind} country={country} disableSearchIcon={true} enableSearch={true} autocompleteSearch={true} jumpCursorToEnd={true} /> 我尝试将 inputProps 传递给 PhoneInput 组件，但它将输入集中在第一个挂载上；( 我想您的项目中安装了最新版本的react-phone-input-2（2.15.1或2.15.0）。低于 2.14.0 的版本将为您完成这项工作。您可以卸载当前版本： npm uninstall react-phone-input-2 并安装 2.14.0 版本，当您更改国家/地区时，可与 autoFocus 配合使用： npm install [email protected]

javascript reactjs input focus react-phone-input-2

回答 1 投票 0

在 vscode 中为日志语句着色

我想知道是否可以更改代码中日志语句的颜色。无论如何要做吗？我希望它们变暗（有点像评论），这样就不会那么分散注意力，我可以更多地关注我的实际情况

visual-studio-code logging colors focus

回答 1 投票 0

在 svelte 中，我需要将焦点设置在输入元素上，但收到错误“input.focus 不是函数”

让inx1 =“空”；让输入=“”；函数handleClick() {input.focus(); } $: inx1 && handleClick(); <pre><code><script > let inx1 = "null"; let input =""; function handleClick() {input.focus(); } $: inx1 && handleClick(); </script> <textarea style="clear: both;">{inx1}</textarea> <br/> <input bind:this={input} placeholder="SET"/> <button on:click={handleClick}> Focus input</button> </code></pre> <p>如果我打开页面，我会收到错误：</p> <p>input.focus 不是一个函数</p> <p>如果我删除此代码：' && 处理点击() 它有效，当我单击按钮时，我可以将焦点放在输入元素上</p> <p>请帮忙！</p> </question> <answer tick="false" vote="0"> <p>在安装组件之前，不会设置<pre><code>input</code></pre>。我也不建议同时将变量设置为某种完全不同的类型，只需让它保持<pre><code>undefined</code></pre>并在与它交互之前进行检查：</p> <pre><code>let input; $: if (input && inx1) handleClick(); </code></pre> </answer> </body></html>

input components focus svelte

回答 0 投票 0

使用 HTML 属性禁用 showModal 自动对焦

据我所知，showModal() 方法运行以下步骤，最终将焦点集中在 HTML 对话框中的元素（强调我的）：令 subject 为调用该方法的对话框元素...

html dialog focus

回答 2 投票 0

如何在 tvOS 中对按钮焦点执行操作事件

我想在我的按钮处于焦点时执行某些操作，而不是在 tvOS 中手动点击它。我有四个水平排列的 UIButton，当用户只关注其中一个时......

swift uibutton focus tvos tvos9.1

回答 2 投票 0

无法使用Qt.ClickFocus将焦点设置到ScrollView

我只是希望当我单击ScrollView 时我的TextField 失去焦点，但问题是scrollview 不接受使用Qt.ClickFocus 的焦点。导入QtQuick 导入 QtQuick.Controls.Universal

qt qml focus scrollview qt6

回答 1 投票 0

如何获取下一次击键将写入的 INPUT 元素？

我有一些 HTML / JS 应用程序，我喜欢通过注入虚拟用户输入来测试。我尝试使用 document.activeElement 来查找我将模拟输入推送到的 INPUT / TEXTAREA，但经常

javascript focus

回答 1 投票 0

Vue.js 3 在方法内使用 ref 对输入使用自动对焦

我使用 Vue2，但最近尝试了 Vue 3。我有一个简单的问题：我想将“焦点”设置为“ 我使用 Vue2，但最近尝试了 Vue 3。我有一个简单的问题： <input ref="myinput" /> <button @click="submitData" /> 我想在“submitData”函数内部的“myinput”上设置“焦点”。在 Vue 2 中它很简单（this.$refs ...），但在 Vue 3 中，他们让它变得复杂。我看到了“设置”的示例，但对我来说没有用+我认为你只能从元素访问“值”。有什么方法可以在方法内部的元素上执行“焦点”吗？如果有人提出这个问题，寻找在 Vue3 中设置特定元素的自动对焦的方法，您可以使用 Vue 自定义指令来实现它 const { createApp, onMounted } = Vue; const app = createApp({}) // Register a global custom directive called `v-focus` app.directive('focus', { // When the bound element is mounted into the DOM... mounted(el) { // Focus the element el.focus() } }) app.mount('#app') <script src="https://unpkg.com/vue@next"></script> <div id="app"> <input /> <input v-focus /> <input /> </div> 您仍然可以使用 Vue 3 做同样的事情，但是如果您使用组合 api，则会有一些区别：选项API： const { createApp } = Vue; const App = { data() { return { } }, methods: { submitData() { this.$refs.myinput.focus() } }, mounted() { } } const app = createApp(App) app.mount('#app') <script src="https://unpkg.com/[email protected]/dist/vue.global.prod.js"></script> <div id="app"> Vue 3 app <input ref="myinput" /> <button @click="submitData"> Submit </button> </div> 合成API： const { createApp, ref, onMounted, } = Vue; const App = { setup() { const myinput = ref(null) function submitData() { myinput.value.focus() } return { myinput, submitData } } } const app = createApp(App) app.mount('#app') <script src="https://unpkg.com/[email protected]/dist/vue.global.prod.js"></script> <div id="app"> Vue 3 app <input ref="myinput" /> <button @click="submitData"> Submit </button> </div> 在某些情况下，当输入隐藏在 v-show 或 v-if 下时，需要执行 nextTick 才能使焦点起作用。 <span v-show="!editMode" @click="handleEditionMode" > {{ content }} </span> <input v-show="editMode" ref="input" v-model="content" aria-describedby="item-content" name="content" type="text" tabindex="0" @focusout="editMode = false" @keydown.enter="editMode = false" /> const input = ref(null), editMode = ref(false); const handleEditionMode = () => { editMode.value = true; nextTick(() => { input.value.focus(); }); }; 这里缺少我找到的最简单的答案 <input type="text" autofocus /> 我试图在加载表单组件时选择特定的输入。上面的例子没什么用，所以我自己想出来了。这要简单得多，恕我直言。在已安装的钩子中添加 1 个引用标签和 1 行代码。在您想要关注的项目上放置参考标签。这里我将其命名为“formStart”，但您可以随意命名。 <form @submit.prevent="createNewRoute"> <label for="code">Code</label> <input v-model="code" id="code" type="text" ref="formStart" />  <label for="type">Type</label> <input v-model="type" id="type" type="text" /> /* Other inputs hidden for simplicity */ <button type="submit">Add Route</button> </form> 参考 mounted 钩子中的 ref 标签并 focus() 它。 <script> export default { /* Other options hidden for simplicity */ mounted() { this.$refs.formStart.focus(); // FOCUS ELEMENT HERE }, }; </script> 另一个普通的解决方案是： document.getElementById("code")?.focus() 被召唤 onMounted <div v-if="openmodal" tabindex="0" v-focus @keydown.right="() => nextimage(1)" > </div> 我使用了@webcu的方法并添加了tabindex =“0”，它起作用了！在 Vue 3 Composable API 中，我发现最直接的解决方案是使用 document.getElementById()。诀窍是将 .focus() 调用包装在 Vue 的 nextTick() 中 /** set focus to predetermined HTML element */ const setFocusToElement = async () => { nextTick(() => { const element = document.getElementById('myInputId'); if (element) { element.focus(); } }); }; onMounted对我不起作用我使用了watchEffect： const input = ref<HTMLInputElement | null>(null); watchEffect(() => { if (input.value) { input.value.focus() } });

vue.js focus vuejs3 vue-composition-api

回答 9 投票 0

使用 MUI 背景时防止背景项目接收焦点

当使用 MUI 背景打开（自定义，非 MUI）对话框时，我们会调暗屏幕，但“灰显”项目仍然处于活动状态，并且用户可以使用键盘访问它们。在下面

javascript reactjs material-ui focus

回答 1 投票 0

在页面开始 HTML 上将焦点设置在输入框上

我的 html 页面有问题。我想在页面加载时将焦点设置在第一个输入框上，但我的所有尝试都以失败告终。我不确定我做错了什么，因为我......

javascript html focus

回答 1 投票 0

Jquery 实时模糊和实时对焦

我正在动态打开一个对话框。单击链接时，它会查找信息并将其显示在其中。 $('.comment').live('模糊', function(){ var split = (this.id).split("_"); var id = sp...