火狐下input焦點無法重復(fù)獲取問題的解決方法
更新時間：2014年06月16日 16:57:02 投稿：whsnow
input輸入框顯示的時候，需要自動獲取焦點，用focus可以輕松搞定，但在火狐下input無法獲取焦點，下面與大家分享下不錯的解決方法
今天遇到了一個很棘手的問題，就是在做一些輸入框的驗證的時候，我這邊項目的業(yè)務(wù)邏輯就是當(dāng)我選中某個select的某個特定option的時候，需要顯示出一個input輸入框讓用戶輸入東西，但是如果用戶啥也不做，就必須彈出警告框讓用戶輸入，等其輸入后，我這邊再將input隱藏掉。
因此，便產(chǎn)生了如下問題，input輸入框顯示的時候，需要自動獲取焦點，此時，我是用的
document.getElementById('id').focus();
恩，嘗試了一下，效果很好，不禁心中大喜，搞定！
但是天算不如人算，在我進(jìn)行用火狐測試的時候，完蛋了，第一次剛將input顯示出來的時候是好用的，但是隨后我關(guān)閉alert提醒框的時候，input無法獲取焦點了，囧！
問題棘手，又不明其所以，so，小小的查了一下網(wǎng)上大神們的解答方式，發(fā)現(xiàn)了如下一招，試驗了一下，果然很好用！
在alert之后，將原來的
document.getElementByIdx('id').focus();
換成
window.setTimeout(function () { document.getElementById('id').focus();}, 0);
爽，問題解決！
setTimeout是指在載入后延遲指定時間后執(zhí)行前面的表達(dá)式，當(dāng)然在這里是延遲0ms之后執(zhí)行function。
當(dāng)我只是解決了這個問題，仍然不知道為什么在火狐下這樣就能解決，如有哪位大神曉得，給下留言，讓晚生學(xué)習(xí)一下，不勝感激！
因此，便產(chǎn)生了如下問題，input輸入框顯示的時候，需要自動獲取焦點，此時，我是用的
復(fù)制代碼 代碼如下:
document.getElementById('id').focus();
恩，嘗試了一下，效果很好，不禁心中大喜，搞定！
但是天算不如人算，在我進(jìn)行用火狐測試的時候，完蛋了，第一次剛將input顯示出來的時候是好用的，但是隨后我關(guān)閉alert提醒框的時候，input無法獲取焦點了，囧！
問題棘手，又不明其所以，so，小小的查了一下網(wǎng)上大神們的解答方式，發(fā)現(xiàn)了如下一招，試驗了一下，果然很好用！
在alert之后，將原來的
復(fù)制代碼 代碼如下:
document.getElementByIdx('id').focus();
換成
復(fù)制代碼 代碼如下:
window.setTimeout(function () { document.getElementById('id').focus();}, 0);
爽，問題解決！
setTimeout是指在載入后延遲指定時間后執(zhí)行前面的表達(dá)式，當(dāng)然在這里是延遲0ms之后執(zhí)行function。
當(dāng)我只是解決了這個問題，仍然不知道為什么在火狐下這樣就能解決，如有哪位大神曉得，給下留言，讓晚生學(xué)習(xí)一下，不勝感激！
您可能感興趣的文章:
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了微信小程序云開發(fā)，生成帶參小程序碼，云函數(shù)網(wǎng)絡(luò)請求，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
layui 數(shù)據(jù)表格 根據(jù)值(1=業(yè)務(wù),2=機(jī)構(gòu))顯示中文名稱示例
今天小編就為大家分享一篇layui 數(shù)據(jù)表格 根據(jù)值(1=業(yè)務(wù),2=機(jī)構(gòu))顯示中文名稱示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
JavaScript使用64位浮點數(shù)表示數(shù)字（基于IEEE 754標(biāo)準(zhǔn)）,這導(dǎo)致某些十進(jìn)制數(shù)字在計算過程中出現(xiàn)精度丟失,所以本文給大家介紹了JavaScript數(shù)字精度丟失問題的解決方案,需要的朋友可以參考下2024-10-10
JavaScript實現(xiàn)找出字符串中第一個不重復(fù)的字符
這篇文章主要介紹了JavaScript實現(xiàn)找出字符串中第一個不重復(fù)的字符的方法,需要的朋友可以參考下2014-09-09
左鍵復(fù)制對于所有人來說有好有壞，例如原創(chuàng)內(nèi)容就不想被別人復(fù)制，接下來介紹一種方法，有需要的朋友可以參考下2013-01-01
本文章為你提供一款js 返回變量的類型代碼哦，如果你不懂得如何獲取js變量的類型的話，看看我們下面的代碼你就知道如何獲取js變量的代碼哦。2010-07-07
js實現(xiàn)文件上傳功能 后臺使用MultipartFile
這篇文章主要為大家詳細(xì)介紹了純js實現(xiàn)最簡單的文件上傳功能，后臺使用MultipartFile，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-09-09
這篇文章主要為大家詳細(xì)介紹了js編寫簡單的聊天室功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
JS如何將數(shù)字金額轉(zhuǎn)換成中文金額格式
這篇文章主要介紹了JS如何將數(shù)字金額轉(zhuǎn)換成中文金額格式,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-07-07
第三部分的效果已經(jīng)基本上滿足大部分的需求了。所以這一部分呢，只能算是加分項。廢話不多說了，還是繼續(xù)博文吧。2010-10-10