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