你可以尝试以下代码：
超文本标记语言：

<button class="mdc-fab mdc-fab--extended" id="addItem" onClick="addItem(event)">
     <div class="mdc-fab__ripple"></div>
     <span class="material-icons mdc-fab__icon">add</span>
     <span class="mdc-fab__label">New Task</span>
</button>

字符串
Jquery：

function addItem(event){
  alert("clicked")
}

型
希望它能起作用。

有同样的问题。
最后，我使用jquery在所有具有特定类的项目上添加了一个事件侦听器。

for(item of data) {
  template = `
     <button pizza-id="${item.pizzaName}" class="order-btn mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent">
        Order
      </button>
             `
  // Dynamic rendering of the buttons
  $("#root-menu").append(template)
}
// Adding click event listeners on all generated buttons with the class "order-btn"
$(".order-btn").click(orderPizza);

字符串
现在，单击按钮就像预期的那样工作，并调用一个名为orderPizza的函数，并将事件作为参数！

• 我认为经典的onClick属性不起作用，因为单击并不是真正发生在按钮本身，而是发生在按钮内部自动生成的<span>上。*