火狐浏览器不支持click、focusin、focusout方法

原创 Laughing  2017-07-18 13:16  阅读 59 次 评论 0 条

老版本的火狐浏览器是不支持clickfocusin以及focusout方法的。我主要测试了focusin以及focusou方法,这两个方法需要火狐52以上版本才能够支持的。我们项目中,客户使用的火狐版本都是49的,对于这两个方法,我们可以修改成onfocusonblur,这两个方法火狐49是支持的

以下代码在火狐52以下版本不支持

  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta charset="utf-8">  
  5.     <title>测试</title>  
  6.     <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>  
  7. <script type="text/javascript">  
  8.     $(function(){  
  9.         $("#input1").click(function(){  
  10.             alert('老版本火狐无法弹出');  
  11.         });  
  12.     });  
  13.   
  14.     function focusout1(){  
  15.         alert('focusout');  
  16.     }  
  17.   
  18.     function foucusin1(){  
  19. alert('focusin');  
  20.     }  
  21.     </script>  
  22. </head>  
  23. <body>  
  24. <input type="text" name="input1" id="input1"  onfocusout="focusout1()"  onfocusin="foucusin1()" />  
  25. </body>  
  26. </html>  

49版本支持以下代码

  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta charset="utf-8">  
  5.     <title>测试</title>  
  6.     <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>  
  7. <script type="text/javascript">  
  8.     $(function(){  
  9.         $("#input1").click(function(){  
  10.             alert('老版本火狐无法弹出');  
  11.         });  
  12.     });  
  13.   
  14.     function focusout1(){  
  15.         alert('focusout');  
  16.     }  
  17.   
  18.     function foucusin1(){  
  19. alert('focusin');  
  20.     }  
  21.     </script>  
  22. </head>  
  23. <body>  
  24. <input type="text" name="input1" id="input1"  onblur ="focusout1()"  onfocus ="foucusin1()" />  
  25. </body>  
  26. </html>  
本文地址:https://www.lisen.me/firefox-does-not-support-click-focusin-and-focusout-methods.html
版权声明:本文为原创文章,版权归 木子网 所有,欢迎分享本文,转载请保留出处!

发表评论


表情