火狐下input焦點無法重復獲取問題的解決方法

更新時間：2014年06月16日 16:57:02 投稿：whsnow

input輸入框顯示的時候，需要自動獲取焦點，用focus可以輕松搞定，但在火狐下input無法獲取焦點，下面與大家分享下不錯的解決方法

今天遇到了一個很棘手的問題，就是在做一些輸入框的驗證的時候，我這邊項目的業(yè)務邏輯就是當我選中某個select的某個特定option的時候，需要顯示出一個input輸入框讓用戶輸入東西，但是如果用戶啥也不做，就必須彈出警告框讓用戶輸入，等其輸入后，我這邊再將input隱藏掉。

因此，便產生了如下問題，input輸入框顯示的時候，需要自動獲取焦點，此時，我是用的

復制代碼代碼如下:

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

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

但是天算不如人算，在我進行用火狐測試的時候，完蛋了，第一次剛將input顯示出來的時候是好用的，但是隨后我關閉alert提醒框的時候，input無法獲取焦點了，囧！

問題棘手，又不明其所以，so，小小的查了一下網上大神們的解答方式，發(fā)現(xiàn)了如下一招，試驗了一下，果然很好用！

在alert之后，將原來的

復制代碼代碼如下:

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

換成

復制代碼代碼如下:

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

爽，問題解決！

setTimeout是指在載入后延遲指定時間后執(zhí)行前面的表達式，當然在這里是延遲0ms之后執(zhí)行function。

當我只是解決了這個問題，仍然不知道為什么在火狐下這樣就能解決，如有哪位大神曉得，給下留言，讓晚生學習一下，不勝感激！

您可能感興趣的文章:

微信小程序云開發(fā) 生成帶參小程序碼流程
這篇文章主要為大家詳細介紹了微信小程序云開發(fā)，生成帶參小程序碼，云函數(shù)網絡請求，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-05-05
layui 數(shù)據(jù)表格根據(jù)值(1=業(yè)務,2=機構)顯示中文名稱示例
今天小編就為大家分享一篇layui 數(shù)據(jù)表格根據(jù)值(1=業(yè)務,2=機構)顯示中文名稱示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-10-10
JavaScript數(shù)字精度丟失問題的解決方案
JavaScript使用64位浮點數(shù)表示數(shù)字（基于IEEE 754標準）,這導致某些十進制數(shù)字在計算過程中出現(xiàn)精度丟失,所以本文給大家介紹了JavaScript數(shù)字精度丟失問題的解決方案,需要的朋友可以參考下
2024-10-10
JavaScript實現(xiàn)找出字符串中第一個不重復的字符
這篇文章主要介紹了JavaScript實現(xiàn)找出字符串中第一個不重復的字符的方法,需要的朋友可以參考下
2014-09-09
禁止你的左鍵復制實用技巧
左鍵復制對于所有人來說有好有壞，例如原創(chuàng)內容就不想被別人復制，接下來介紹一種方法，有需要的朋友可以參考下
2013-01-01
Js檢查變量類型的代碼()
本文章為你提供一款js 返回變量的類型代碼哦，如果你不懂得如何獲取js變量的類型的話，看看我們下面的代碼你就知道如何獲取js變量的代碼哦。
2010-07-07
js實現(xiàn)文件上傳功能后臺使用MultipartFile
這篇文章主要為大家詳細介紹了純js實現(xiàn)最簡單的文件上傳功能，后臺使用MultipartFile，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-09-09
js編寫簡單的聊天室功能
這篇文章主要為大家詳細介紹了js編寫簡單的聊天室功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-08-08
JS如何將數(shù)字金額轉換成中文金額格式
這篇文章主要介紹了JS如何將數(shù)字金額轉換成中文金額格式,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-07-07
一步一步教你寫帶圖片注釋的淡入淡出插件（四）
第三部分的效果已經基本上滿足大部分的需求了。所以這一部分呢，只能算是加分項。廢話不多說了，還是繼續(xù)博文吧。
2010-10-10