触发JavaScript onclick事件，无需任何点击

Question

我正在尝试清除元素的url，并且一切正常，但是onclick事件直接在页面加载时触发，但单击时不触发。 我怎样才能解决这个问题。

HTML：今天的通话清单

JS：

var buttons = document.querySelectorAll('.button');
var reset = document.querySelector('.reset');

function forEach(array, action) {
  for (var i = 0; i < array.length; i++) {
    action(array[i])
  };
}

function clear_url_parameters(element) {

  if (!element)
    return false;
  var element_url = element.getAttribute('href');

  var split_url = element_url.split("?");

  var queries = split_url[1].split("&");

  var new_queries = [];

  for (var i = 0; i < queries.length; i++) {
    query = queries[i].split("=");
    new_queries.push(query[0] + "=");
  }

  cleared_url = split_url[0] + new_queries.join('');

  element.setAttribute('href', cleared_url);

}

reset.addEventListener('click', forEach(buttons, clear_url_parameters));

jsfiddle上的演示

谢谢

Answer 1

您正在将执行forEach函数的结果传递给事件侦听器。

尝试这个：

reset.addEventListener('click', function () { forEach(buttons, clear_url_parameters); } );

Answer 2

更改

reset.addEventListener('click', forEach(buttons, clear_url_parameters));

至

reset.addEventListener('click', function(){
    forEach(buttons, clear_url_parameters)
});

因为您传递给addEventListener的参数已被调用。