DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 當jQuery1.7遇上focus方法的問題
當jQuery1.7遇上focus方法的問題
編輯:JQuery特效代碼     

jQuery中有一個focus()方法能設置對象的焦點,在1.7以下的版本中,不管對象是不是disabed狀態,這個方法都不會報錯(只是當disabled時,設置焦點的代碼無效),但在1.7版本中,如果對象是disabled狀態,這時調用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.

意思是:不可見或不可用的元素無法獲取焦點。(特別提一下:IE9很NB,能自動識別這種情況,在IE9下不會報錯,但是IE9以下的版本全掛。)
. 代碼如下:
<!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){}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved