事件侦听器的 CPU 使用率高？答案

【问题标题】：High CPU usage from event listeners?事件侦听器的 CPU 使用率高？
【发布时间】：2017-09-30 20:56:42
【问题描述】：

当我在我的jquery代码中为按钮添加新的事件监听器时，以特定方式响应按钮点击（具体方式在这里澄清：High CPU usage from jquery?）导致网页冻结，CPU使用率跳跃高达 25%。

我的 php 代码如下所示：

 <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>EssayTree</title>
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"
        integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
        crossorigin="anonymous">
    </script>
     $(document).ready(function(){
            $('button#saveInfo').click(function(){
                //jquery code for button

            });
     });
</head>
<body>
//Lots of html




    //This javascript has an event listener for the same button as above
<script type="text/javascript" src="essayTree.js"></script> 
</body>
</html>

我认为问题在于我在它引用的 html 上方和下方都有一个事件侦听器，它对同一个按钮单击做出反应。但是，我真的不知道是不是这个问题。

让事件监听器在它引用的 html 的上方和下方单击同一个按钮是不好的做法吗？如果没有，我还可以采取哪些其他步骤？

如果您正在阅读本文并想要更多代码以进行澄清，请查看以下问题：High CPU usage from jquery?。

我不得不再次问这个问题，因为使问题最少且足够多代码。因此，这里展示的内容是通过使其更小化来使其具有可读性的尝试，现在我提供了一个链接以获取足够的信息。

我希望这些修改使问题更具可读性和更容易回答。

【问题讨论】：

High CPU usage from jquery?的可能重复
嗯，这个改动可以对你之前的帖子进行，其他人可以很容易地阅读历史中的代码。尽管如此，我会回到另一个帖子，看看我是否可以提供我的 2 美分。
现在代码不够用。您需要制作尽可能小的示例来复制问题 - 运行此代码显然不会做任何事情。
存在一些干扰，导致其中一个代码（或两者）无法正常工作。没有那个代码就很难找到那个问题。
对不起，伙计们。老实说，我试图做到最低限度和足够。所以这次我把最低。可以在上一篇文章中找到关于充分的所有说明，并且此问题中提供了相关链接。

标签： javascript jquery cpu

【解决方案1】：

Thomas 指出了正确的错误。

“当两个嵌套循环使用完全相同的变量 (window.i) 来存储它们的迭代索引时，我想知道你不会产生有趣的结果。”

【讨论】：