javascript - 如何调试 JavaScript .onclick 事件？

Question

我有一段代码，在页面完全加载时执行。然后该函数会收集 HTML 页面上的所有按钮元素。从这里开始，我循环获取每个按钮的 title 属性，然后将 onclick 事件分配给该按钮，该事件相当于写入 console.log< 的函数 与标题。

我已经尝试了各种方法来做到这一点，但它不起作用。这是我正在使用的 JavaScript 代码。目前它所做的只是循环调用该函数并将图 block 记录到console.log，但这不应该发生。每次我单击按钮时，它都应该调用该函数及其标题并记录下来。

window.onload = myPageIsReady;

function myPageIsReady(){

    var myList = document.getElementsByTagName("button");
    var myTitle = [];


    for(var i = 0; i < myList.length; i++){ 
        myTitle[i] = myList[i].getAttribute("title");       
        myList[i].onclick = getMyTitle(myTitle[i]);
    };

    function getMyTitle(myTitle){
        console.log(myTitle);
    };

};

Answer 1

你可以说我疯了，但是……

var myList = document.getElementsByTagName("button");


for(var i = 0; i < myList.length; i++){ 
    myList[i].onclick = function(){
        console.log(this.getAttribute("title"));
    }
};