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

本文最后更新于2024年03月21日，已超过60天没有更新。如果文章内容或图片资源失效，请留言反馈，我会及时处理，谢谢！

老版本的火狐浏览器是不支持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>

火狐

朗读