DIV CSS 佈局教程網

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

 如果一定要用最高版本的jQuery,最省事的辦法莫過於在寫xxx.focus()時,加一個try/catch,變成try{xxx.focus();}catch(e){}

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