[Violation] ‘click’ handler took 1839ms 原因与解决方法

今天在项目调试的时候,发现有一段JavaScript代码有如下提示:

[Violation] 'click' handler took 1839ms    164-1.html:633

中文翻译

[违规] 'click' 处理程序耗时 1839 毫秒,文件是164-1.html第633行代码

[Violation] 'click' handler took 1839ms

 

原因:

既然知道了是哪一个文件哪一行的报错,我们只需要去看下代码即可!

重点如下图:

[Violation] 'click' handler took

 

解决方法

我仔细去看了一下以上这段代码,这段JS代码只是一个原生的“JavaScript + Ajax”异步POST请求,而且返回的数据也是正常的。

 

JavaScript代码如下:

    document.getElementById("comment_submit").onclick =  function () {
        alert("表单已提交");
        //alert(document.getElementById("comment_submit"));
        var xmlhttp;
        if (window.XMLHttpRequest)
        {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp=new XMLHttpRequest();
        }
        else
        {// code for IE6, IE5
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                console.log(xmlhttp.responseText);
            }
        };
        var data = "&comment_id=120"  + "&content_id=<?php echo $id; ?>" + "&mode=oppose";
        console.log(data);
        xmlhttp.open("POST","/admin/comments-post.php",true);
        xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        xmlhttp.send(data);
    }

 

由于我对前端JS算不上精通,就我目前来看,我的此段JS代码是没有任何问题的。既然它只有一个提示,也没有像那种标红报错的error,返回的数据也是正常的,业务也是通的,由于时间关系,暂时先不管了。

有知道原因的朋友请评论区留言,非常感谢!

    A+
发布日期:2021年07月26日 15:37:01  所属分类:JavaScript
最后更新时间:2021-07-26 15:37:01
付杰
  • ¥ 189.0元
  • 市场价:269.0元
  • ¥ 99.0元
  • 市场价:129.0元
  • ¥ 199.0元
  • 市场价:299.0元
  • ¥ 98.0元
  • 市场价:198.0元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: