宜昌本地软件开发与弱电工程服务商
项目咨询 · 快速响应
您当前的位置： > 博客2 > AS2与AS3技术

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

2016-10-13 00:16:48 点击量:12 标签: 收藏本文

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){}

上一篇： [AS3]jquery.validate重写错误显示消息方法,以alert方式弹出错误
下一篇： [AS3]AS3调用文本类TextField改变文字色彩源代码范例
ABOUT US
宜昌农人网络科技有限公司

我们是一家提供综合软件外包与弱电工程服务的技术公司。

业务涵盖定制软件、管理系统、网站、小程序、APP、系统集成、网络布线、监控安防、门禁、机房建设及长期技术维护。

公司地址：湖北省宜昌市伍家岗区东站二路6号三峡（宜昌）大数据产业园海洋馆二楼A203室