如何使用javascript触发div的onclick

Question

我想使用 javascript 中的 click 事件触发我的 div 的 onclick 。但我可以使用 jquery 触发 onclick。下面是我的代码。

html += '<div id="add_redirect" class="row pl_filter_value margin-bottom-md ' + applied_class + '"onclick="applyFilter( \'' + filter.name + '\', \'category\', \'true\');"><div class="col-xs-12">In Stock Only' + applied_cross+ </div></div>';

$("document").ready(function() {
        setTimeout(function() {
            $("#add_redirect").trigger('click');
        },1);
    });

如果我使用 document.getElementById('add_redirect').click(); 触发，则错误显示为 Cannot read properties of null (reading 'click') 。提前致谢

Answer 1

使用 addEventListener https://developer.mozilla.org/en- US/docs/Web/API/Element/click_event

html += `
  <div id="add_redirect" class="row pl_filter_value margin-bottom-md + ' ' + ${applied_class}">
    <div class="col-xs-12">In Stock Only + ${applied_cross} </div>
  </div>
`;

$("document").ready(function() {
  const el = document.getElementById("add_redirect");
  el.addEventListener("click", () => {
    // handle onclick here
  });

  setTimeout(function() {
    el.click();
  }, 1);
});