检测是否点击了 Material Design 按钮

Question

我正在尝试在单击 Material Design Button 组件时运行一些代码。 似乎没有任何工作......你能帮忙吗？ 我尝试了以下方法：

1. 在选择按钮时使用 onclick，但这似乎不会触发
2. 使用 Jquery 检测点击 - 但这似乎不起作用。

我们如何获得按钮来触发功能（令人惊讶的是，这并没有在文档中列出！）

<!-- Adding button to add new items-->
          <button class="mdc-fab mdc-fab--extended" id="addItem" onClick="addItem">
            <div class="mdc-fab__ripple"></div>
            <span class="material-icons mdc-fab__icon">add</span>
            <span class="mdc-fab__label">New Task</span>
          </button>
          <!-- End Button -->

Answer 1

您可以尝试以下代码：
HTML：

<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")
}

希望它会起作用。