JavaScript：onClick 事件無需觸發即可工作

Question

我正在修改從互聯網上某處獲取的模板。 到這里，分頁就完成了。 結束頁面將有表單提交。 我試圖在不影響任何 CSS 的情況下對其進行修改。 所以我沒有將標簽更改為按鈕。 我正在使用帶有 onClick 事件的錨標記，該事件將提交表單。 但是 onClick 事件在頁面加載而不是 onClicking 上起作用。

function renderPagination(wizard, options, state) {
  if (options.enablePagination) {
    var pagination = "<{0} class=\"actions {1}\"><ul role=\"menu\" aria-label=\"{2}\">{3}</ul></{0}>",
      buttonTemplate = "<li><a href=\"#{0}\" role=\"menuitem\">{1}</a></li>",
      submitButtonTemplate = "<li><a href = \'#{0}\' onClick=" + document.getElementById('studentForm').submit() + " role=\"menuitem\">{1}</a></li>",
      buttons = "";

    if (!options.forceMoveForward) {
      buttons += buttonTemplate.format("previous", options.labels.previous);
    }

    buttons += buttonTemplate.format("next", options.labels.next);

    if (options.enableFinishButton) {
      buttons += buttonTemplate.format("finish", options.labels.finish);
    }

    if (options.enableCancelButton) {
      buttons += buttonTemplate.format("cancel", options.labels.cancel);
    }

    wizard.append(pagination.format(options.actionContainerTag, options.clearFixCssClass,
      options.labels.pagination, buttons));

    refreshPagination(wizard, options, state);
    loadAsyncContent(wizard, options, state);
  }
}

Answer 1

您實際上並沒有將要執行的 JS 傳遞到字符串模板中，您實際上是在執行該 JS 並將該執行的toString結果插入到模板中，您的變量分配應該是：

      submitButtonTemplate = "<li><a href = \'#{0}\' onClick=" + "\"document.getElementById('studentForm').submit()\"" + " role=\"menuitem\">{1}</a></li>",