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

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

Laughing
2017-07-18 / 0 评论 / 1,241 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2024年03月21日,已超过302天没有更新,若内容或图片失效,请留言反馈。

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

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
    <title>测试</title>  
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>  
<script type="text/javascript">  
    $(function(){  
        $("#input1").click(function(){  
            alert('老版本火狐无法弹出');  
        });  
    });  
  
    function focusout1(){  
        alert('focusout');  
    }  
  
    function foucusin1(){  
alert('focusin');  
    }  
    </script>  
</head>  
<body>  
<input type="text" name="input1" id="input1"  onfocusout="focusout1()"  onfocusin="foucusin1()" />  
</body>  
</html>  
49版本支持以下代码
<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
    <title>测试</title>  
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>  
<script type="text/javascript">  
    $(function(){  
        $("#input1").click(function(){  
            alert('老版本火狐无法弹出');  
        });  
    });  
  
    function focusout1(){  
        alert('focusout');  
    }  
  
    function foucusin1(){  
alert('focusin');  
    }  
    </script>  
</head>  
<body>  
<input type="text" name="input1" id="input1"  onblur ="focusout1()"  onfocus ="foucusin1()" />  
</body>  
</html> 
1

评论 (0)

取消
  1. 头像
    waytosky
    MacOS · Google Chrome

      [失望] 密码没有显示出来呀,等多久呢

    回复
  2. 头像
    123123
    Windows 7 · Google Chrome

    谢谢分享 12123123

    回复