编程 Javascript

当jQuery1.7遇上focus方法的问题

Posted in Javascript onJanuary 26, 2014

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

当jQuery1.7遇上focus方法的问题

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript 判断函数类型完美解决方案

Sep 02 Javascript

js 无提示关闭浏览器页面的代码

Mar 09 Javascript

javascript学习笔记(十八) 获得页面中的元素代码

Jun 20 Javascript

javascript实现playfair和hill密码算法

Dec 07 Javascript

7个让JavaScript变得更好的注意事项

Jan 28 Javascript

JavaScript获取IP获取的是IPV6 如何校验

Jun 12 Javascript

Bootstrap源码解读导航条（7）

Dec 23 Javascript

详解Vue方法与事件

Mar 09 Javascript

简化vuex的状态管理方案的方法

Jun 02 Javascript

JS高级技巧(简洁版)

Jul 29 Javascript

AutoJs实现刷宝短视频的思路详解

May 22 Javascript

vue2.0 watch里面的 deep和immediate用法说明

Oct 30 Javascript

jQuery中delegate和on的用法与区别详细解析

Jan 26 #Javascript

使用javascript为网页增加夜间模式

Jan 26 #Javascript

jQuery:delegate中select()不起作用的解决方法(实例讲解)

Jan 26 #Javascript

javascript:FF/Chrome与IE动态加载元素的区别说明

Jan 26 #Javascript

js中的时间转换—毫秒转换成日期时间的示例代码

Jan 26 #Javascript

JS将所有对象s的属性复制给对象r(原生js+jquery)

Jan 25 #Javascript

手机平板等移动端适配跳转URL的js代码

Jan 25 #Javascript