[Violation] 'click' handler took

问题

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

原因测试

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

<button onclick="alert(1122)">alert</button>

• 测试截图

  
  image.png