·您当前的位置:首页 > 技术教程 > AS2与AS3技术 >

[AS3]jQuery 1.7和focus方法的使用

时间:2014-02-17 09:31zpointer.iteye.com
jQuery中有一个focus()方法能设置对象的焦点,在1.7以下的版本中,不管对象是不是disabed状态,这个方法都不会报错(只是当disabled时,设置焦点的代码无效),但在1.7版本中,如果对象是disabled状态,这时调用focus()方法时,会直接报异常

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以下的版本全挂。)

  1. <!doctype html> 
  2. <html> 
  3.     <head> 
  4.     <title>酷播测试</title> 
  5.     <script src="jquery-1.7.min.js" type="text/javascript"></script> 
  6.     <!--<script src="jquery-1.4.4.min.js" type="text/javascript"></script>--> 
  7.     <script type="text/javascript"> 
  8.         function fnTest(){ 
  9.             //try{ 
  10.                 $("#txt").focus(); 
  11.             //}catch(e){} 
  12.         }        
  13.     </script> 
  14.     </head> 
  15.     <body> 
  16.         <div> 
  17.             <input type="text" disabled="disabled" id="txt"/> 
  18.             <input type="text" id="txt2"/> 
  19.             <input type="button" value="Test" onclick="fnTest()"/> 
  20.         </div> 
  21.     </body> 
  22. </html> 

虽然只是一个小变化,但是却很容易造成大杯具,特别是你的js代码,在focus()之后,还有其它很多事情要做时:)

建议:

如果一定要用最高版本的jQuery,最省事的办法莫过于在写xxx.focus()时,加一个try/catch,变成

try{xxx.focus();}catch(e){}

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器