HTML中有关for循环和onclick 的运行机制

Question

html
    for (var i = 0; i < Rtriangles.length; i++) {
        Rtriangles[i].onclick = function () {
        ....
        }
    }
    console.log(111);

疑问：为什么for循环都运行完了，再次点击 onclick函数依然会运行，不应该代码从上至下运行完就结束了吗?

Answer 1

事件就是一个声明和调用的过程。

onclick是给那你那个Rtriangles添加声明，代码是运行完了，你就是用代码上的事件，然后事件就等待你点击触发，所以你肯定点击会运行啊。

再换个说法，onclick是添加点击事件，click才是点击事件，你用onclick定义的是click时会运行的函数。