Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > 火狐下input焦点无法重复获取问题的解决方法_javascript技巧

火狐下input焦点无法重复获取问题的解决方法_javascript技巧

WBOY
Freigeben： 2016-05-16 16:44:25
Original
1185 Leute haben es durchsucht

今天遇到了一个很棘手的问题，就是在做一些输入框的验证的时候，我这边项目的业务逻辑就是当我选中某个select的某个特定option的时候，需要显示出一个input输入框让用户输入东西，但是如果用户啥也不做，就必须弹出警告框让用户输入，等其输入后，我这边再将input隐藏掉。

因此，便产生了如下问题，input输入框显示的时候，需要自动获取焦点，此时，我是用的

复制代码 代码如下:

document.getElementById('id').focus();

恩，尝试了一下，效果很好，不禁心中大喜，搞定！

但是天算不如人算，在我进行用火狐测试的时候，完蛋了，第一次刚将input显示出来的时候是好用的，但是随后我关闭alert提醒框的时候，input无法获取焦点了，囧！

问题棘手，又不明其所以，so，小小的查了一下网上大神们的解答方式，发现了如下一招，试验了一下，果然很好用！

在alert之后，将原来的
复制代码 代码如下:

document.getElementByIdx('id').focus();

换成
复制代码 代码如下:

window.setTimeout(function () { document.getElementById('id').focus();}, 0);

爽，问题解决！

setTimeout是指在载入后延迟指定时间后执行前面的表达式，当然在这里是延迟0ms之后执行function。

当我只是解决了这个问题，仍然不知道为什么在火狐下这样就能解决，如有哪位大神晓得，给下留言，让晚生学习一下，不胜感激！
Verwandte Etiketten：
input 火狐
Quelle：php.cn
Vorheriger Artikel：jQuery wechselt den Webseiten-Skin und speichert ihn im Cookie-Beispielcode_jquery Nächster Artikel：一个可以增加和删除行的table并可编辑表格中内容_jquery
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Fügen Sie Zeilenumbrüche hinzu, nachdem zwei Bedingungen erfüllt sind: nicht mehr als „x' Zeichen und endend mit einem Komma oder Punkt Ich arbeite an einem kleinen Projekt. Das Ziel dieses Projekts besteht darin, die Formatie...
Aus 2024-04-03 09:17:09
0
1
283
Das Übergangsfeuer des inneren Kindes Dies ist ein minimal reproduzierbares Beispiel. Das Übergangsende des „Toggle“-Hovers ist ...
Aus 2024-04-02 14:38:29
0
1
262
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage