[Violation] 'click' handler took 429ms

问题

  • violation 意思为侵权,违背,违反,也就是说明click函数执行违反了某些规则

原因测试

  1. 当click事件中执行的程序耗时过长,超过160ms左右的时候就会显示该信息,测试最低155ms
  2. 由于js本身是单线程运行,而click执行时间从函数放入调用栈到函数弹出调用栈的时间来计算
  3. 可以通过alert()函数测试,当快速按下回车的时候,不会显示该信息,当稍微慢一点的时候就会显示该信息,但是本身并不会导致程序运行异常,在js来看,click函数不应该执行过长时间,不然会导致线程阻塞,页面卡死的情况
<button onclick="alert(1122)">alert</button>
  • 测试截图


    image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、从输入url到浏览器呈现页面中间经历了什么? 在输入url的时候,会进行本地历史记录和标签页的查询,提供模糊查...
    林思念阅读 2,615评论 2 24
  • 本文参考资料:1.https://mp.weixin.qq.com/s/rhYKLIbXOsUJC_n6dt9Uf...
    周灬阅读 5,717评论 1 5
  • 参考链接 由于网上的关于浏览器进程和JS进程、JS线程和事件循环之间的关系模糊不清,这里主要是查阅资料进行详细汇总...
    johe_jianshu阅读 1,027评论 0 2
  • nodejs事件循环与多进程 why 事件循环对于深入理解nodejs异步至关重要fs, net,http,eve...
    强某某阅读 916评论 0 2
  • 1.数据类型 1.1概念篇 7种原始数据类型 引用类型 null是对象吗?为什么? 结论: null不是对象 解释...
    859z阅读 392评论 0 0