如何调试JavaScript .onclick事件？

Question

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

我尝试了各种方法来执行此操作，但是它没有用。 这是我正在使用的JavaScript代码。 当前，它所做的只是通过调用该函数并将磁贴记录到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"));
    }
};

Answer 2

您必须将其设置为匿名函数：

myList[i].onclick = (function() {
  var currentI = i;
  return function() { 
      getMyTitle(myTitle[currentI]);
  }
})();

（从这里拍摄）

Answer 3

您需要使用：

window.onload = myPageIsReady;

代替

window.onload = myPageIsReady();

以下是我的解决方案，它创建了一个函数getMyTitle并将其分配给onclick。 这是代码的示例链接： http : //jsfiddle.net/3Xg3s/6/

window.onload = myPageIsReady;

function getMyTitle() {
    alert(this.title)
};

function myPageIsReady() {
    var myList = document.getElementsByTagName("button");
    for (var i = 0; i < myList.length; i++) {
        myList[i].onclick = getMyTitle;
    };
};