视频技术

FFmpeg red5 nginx Html5 rtsp rtmp

·您当前的位置：首页 > 技术教程 > 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){}

热门文章推荐

请稍候...

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

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