为什么这个方法会被多次调用？

Question

刷新页面时，我必须单击按钮两次才能获得提示。 之后，每次我点击同一个按钮并调用classicHover()方法（不刷新），我得到一加提示（两个提示，三个提示，四个...）。

这是代码：

function classicHover(){
    $('#button1').click(function(){
        gridSize = prompt("Set Grid Size")
        $('.container').empty();

        for(i = 0; i < gridSize * gridSize; i++) {
            $('.container').append("<div>a</div>");
        };
    });
};

按钮：

<input id="button1" type="button" value="Set New Grid" onclick="classicHover()" />

我究竟做错了什么？ 我是 JS/jQuery 新手顺便说一句

Answer 1

您的点击会调用classicHover 。 classicHover向按钮的侦听器添加了一个函数。 每次单击它时，都会向其侦听器添加一些内容。 因此，第一次单击会添加 1。第二次单击会运行 1 并添加另一个。 第三次单击运行 2 并添加另一个。 每次点击重复。