當(dāng)jQuery1.7遇上focus方法的問題
更新時間：2014年01月26日 09:55:31 作者：
如果一定要用最高版本的jQuery，最省事的辦法莫過于在寫xxx.focus()時，加一個try/catch，變成try{xxx.focus();}catch(e){}
jQuery中有一個focus()方法能設(shè)置對象的焦點，在1.7以下的版本中，不管對象是不是disabed狀態(tài)，這個方法都不會報錯（只是當(dāng)disabled時，設(shè)置焦點的代碼無效），但在1.7版本中，如果對象是disabled狀態(tài)，這時調(diào)用focus()方法時，會直接報異常：
Error: Can't move focus to the control because it is invisible, not enabled, or of a type that does not accept the focus.
意思是：不可見或不可用的元素?zé)o法獲取焦點。（特別提一下：IE9很NB，能自動識別這種情況，在IE9下不會報錯，但是IE9以下的版本全掛。）
復(fù)制代碼 代碼如下:
<!doctype html>
<html>
<head>
<title>測試</title>
<script src="jquery-1.7.min.js" type="text/javascript"></script>
<!--<script src="jquery-1.4.4.min.js" type="text/javascript"></script>-->
<script type="text/javascript">
function fnTest(){
//try{
$("#txt").focus();
//}catch(e){}
}
</script>
</head>
<body>
<div>
<input type="text" disabled="disabled" id="txt"/>
<input type="text" id="txt2"/>
<input type="button" value="Test" onclick="fnTest()"/>
</div>
</body>
</html>
雖然只是一個小變化，但是卻很容易造成大杯具，特別是你的js代碼，在focus()之后，還有其它很多事情要做時：）
建議：
如果一定要用最高版本的jQuery，最省事的辦法莫過于在寫xxx.focus()時，加一個try/catch，變成try{xxx.focus();}catch(e){}
相關(guān)文章
jQuery中each和js中forEach的區(qū)別分析
這篇文章主要介紹了jQuery中each和js中forEach的區(qū)別,結(jié)合實例形式較為詳細(xì)的分析了jQuery中each和js中forEach針對數(shù)組與對象遍歷的相關(guān)操作技巧與注意事項,需要的朋友可以參考下2019-02-02
分享一個背景云變換js特效隨著鼠標(biāo)的移動，背景云會不斷的變化位置和形狀,感興趣的朋友可以研究下2012-12-12
基于jquery實現(xiàn)表格內(nèi)容篩選功能實例解析
對于表格來說，當(dāng)數(shù)據(jù)比較多的時候，我們無法一頁一頁的查找，這樣我們就可以進(jìn)行篩選操作，這篇文章主要為大家詳細(xì)介紹了基于jquery實現(xiàn)表格內(nèi)容篩選功能的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-05-05
JQuery樣式操作、click事件以及索引值-選項卡應(yīng)用示例
這篇文章主要介紹了JQuery樣式操作、click事件以及索引值-選項卡應(yīng)用,結(jié)合實例形式分析了jQuery動態(tài)修改css樣式、事件響應(yīng)以及選項卡相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
jQuery插件Tooltipster實現(xiàn)漂亮的工具提示
Tooltipster是一個jQuery插件用于快速創(chuàng)建HTML5校驗并且靈活的Tooltips。它可以通過CSS來改變外觀，箭頭的位置之后，鼠標(biāo)，延遲/期間的外觀都可以被定義。2015-04-04
讓人印象深刻的10個jQuery手風(fēng)琴效果應(yīng)用
jQuery 是最流行的 JavaScript 開發(fā)框架，它簡化了 HTML 文檔遍歷，事件處理，動畫以及 Ajax 交互，幫助 Web 開發(fā)人員更快速的實現(xiàn)各種精美的界面效果2012-05-05
全面解析jQuery $(document).ready()和JavaScript onload事件
這篇文章主要介紹了全面解析jQuery $(document).ready()和JavaScript onload事件的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
jQuery+jRange實現(xiàn)滑動選取數(shù)值范圍特效
本文向大家介紹一款范圍選擇器插件jRange，它是基于jQuery的一款簡單插件。本站之前有類似文章：jQuery+CSS使用滑塊選取價格范圍，其中不太好的地方是使用了jqueryui龐大的插件庫，有興趣的朋友可以看看。下面我們來看下插件jRange的使用。2015-03-03
jQuery插件Echarts實現(xiàn)的雙軸圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件Echarts實現(xiàn)的雙軸圖效果,結(jié)合完整實例形式分析了Echarts插件制作雙軸圖效果的操作步驟與相關(guān)實現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
json數(shù)據(jù)是一種經(jīng)型的實時數(shù)據(jù)交互的數(shù)據(jù)存儲方法，使用到最多的應(yīng)該是ajax與json配合使用了，下面我來給大家介紹jquery處理json數(shù)據(jù)方法。2014-06-06