Question

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

我尝试了各种方法，但它没有用。这是我正在使用的JavaScript代码。目前所做的只是循环调用函数并将tile记录到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]);
  }
})();

（摘自here）

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;
    };
};

如何调试JavaScript .onclick事件？

3 个答案: