jQuery如何解決IE輸入框不能輸入的問(wèn)題

更新時(shí)間：2016年10月08日 10:06:05 作者：揚(yáng)揚(yáng)

在IE10以上版本，微軟為了提高IE輸入框的便利性，增加了文本內(nèi)容全部刪除和密碼眼睛功能，但是有些時(shí)候打開(kāi)新的頁(yè)面里，輸入框卻被鎖定無(wú)法編輯，需要刷新一下頁(yè)面，或者如果輸入框有內(nèi)容需要點(diǎn)擊一下輸入框后面的叉叉后才能輸入，怎么解決呢，下面小編給大家解答下

在IE10以上版本，微軟為了提高IE輸入框的便利性，增加了文本內(nèi)容全部刪除和密碼眼睛功能，但是有些時(shí)候打開(kāi)新的頁(yè)面里，輸入框卻被鎖定無(wú)法編輯，需要刷新一下頁(yè)面，或者如果輸入框有內(nèi)容需要點(diǎn)擊一下輸入框后面的叉叉后才能輸入。但是我們需要的是當(dāng)下需要輸入內(nèi)容。那怎么辦呢？可以用下面的方法解決：

$("input[type='text']").each(function () {
$(this).focus(function () {
$(this).select();
});
});
$("textarea").each(function () {
$(this).focus(function () {
$(this).select();
});
});

解決原理，就是給所有的輸入框（當(dāng)然可以給指定的輸入框）增加焦點(diǎn)事件，當(dāng)點(diǎn)擊給焦點(diǎn)的時(shí)候，當(dāng)前輸入框文本全選，則可以切換到編輯狀態(tài)。

以上所述是小編給大家介紹的jQuery解決IE輸入框不能輸入的問(wèn)題，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

Jquery幻燈片特效代碼分享打開(kāi)頁(yè)面隨機(jī)選擇切換方式（3）
jQuery是一個(gè)非常優(yōu)秀的 JavaScript 框架，使用簡(jiǎn)單靈活，一個(gè)漂亮的幻燈片更能吸引訪客的注意力。本文實(shí)例講述了jQuery實(shí)現(xiàn)時(shí)尚漂亮的幻燈片特效，基本能滿足你在網(wǎng)頁(yè)上使用幻燈片(焦點(diǎn)圖)效果。分享給大家供大家參考。具體如下：
2015-08-08
jQuery中的for循環(huán)var與let的區(qū)別
這篇文章主要介紹了jQuery中的for循環(huán)var與let的區(qū)別 ,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2018-04-04
jquery實(shí)現(xiàn)鼠標(biāo)滑過(guò)后動(dòng)態(tài)圖片提示效果實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)鼠標(biāo)滑過(guò)后動(dòng)態(tài)圖片提示效果,涉及jquery鼠標(biāo)事件及頁(yè)面元素的動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
Jquery基礎(chǔ)教程之DOM操作
大家都知道dom是一種與瀏覽器、平臺(tái)、語(yǔ)言無(wú)關(guān)的接口，使用dom接口可以很輕松訪問(wèn)頁(yè)面中所有的標(biāo)準(zhǔn)組件，本篇文章主要給大家講解jquery基礎(chǔ)教程之dom操作，有需要的朋友可以參考下
2015-08-08
多功能jQuery樹(shù)插件zTree實(shí)現(xiàn)權(quán)限列表簡(jiǎn)單實(shí)例
這篇文章主要介紹了多功能jQuery樹(shù)插件zTree實(shí)現(xiàn)權(quán)限列表簡(jiǎn)單實(shí)例，優(yōu)異的性能、靈活的配置、多種功能的組合，是樹(shù)插件zTree最大的優(yōu)勢(shì)，感興趣的小伙伴們可以參考一下
2016-07-07
Jquery異步提交表單代碼分享
本文是jQuery結(jié)合ajax實(shí)現(xiàn)的異步提交表單的代碼，是個(gè)人項(xiàng)目中提取出來(lái)的，分享給大家，有需要的小伙伴可以參考下。
2015-03-03
七夕情人節(jié)丘比特射箭小游戲
本文給大家分享的是使用javascript實(shí)現(xiàn)的七夕情人節(jié)丘比特射箭小游戲的代碼，并附上源碼下載，誰(shuí)說(shuō)程序猿就不懂得浪漫呢，小伙伴們感覺(jué)拿去獻(xiàn)寶吧（當(dāng)然了，首先你得有女票才行^_^）
2015-08-08
jQuery 重復(fù)加載錯(cuò)誤以及修復(fù)方法
本文主要記錄了在項(xiàng)目中遇到j(luò)Query重復(fù)加載導(dǎo)致依賴jQuery的js全部失效然后一步步分析，得出最終解決方案的全部過(guò)程，主要是記錄下來(lái)，提醒自己以后不要再犯相同錯(cuò)誤。
2014-12-12
jQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊處心形漂浮的炫酷效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊處心形漂浮的炫酷效果,涉及jQuery事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下
2018-04-04
jQuery超酷平面式時(shí)鐘效果代碼分享
這篇文章主要介紹了jQuery制作的超酷平面式時(shí)鐘效果，把日期和時(shí)間通過(guò)橫向刻度條展現(xiàn)，推薦給大家，有需要的小伙伴可以參考下
2015-08-08