萬盛學電腦網 >> 腳本專題 >> javascript >> 當jQuery1.7遇上focus方法的問題
當jQuery1.7遇上focus方法的問題
如果一定要用最高版本的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){}javascript排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved