Question

我有一个定义，比如说：

<header class="mdc-top-app-bar mdc-top-app-bar--short">
  <div class="mdc-top-app-bar__row">
    <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
      <a href="#" class="material-icons mdc-top-app-bar__navigation-icon">menu</a>
      <span class="mdc-top-app-bar__title">Title</span>
    </section>
    <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
      <a href="#" class="material-icons mdc-top-app-bar__action-item" aria-label="Bookmark this page" alt="Bookmark this page">bookmark</a>
    </section>
  </div>
</header>

然后我在javascript中创建一个MDCTopAppBar，如下所示：

var myTAB = mdc.topAppBar.MDCTopAppBar(myHTML);

...并点击菜单点击如下：

myTAB.listen("MDCTopAppBar:nav", function () { alert("Wevs"); });

我的问题是，如何点击动作点击？我在文档中找不到任何内容，并且不熟悉代码库，以便从源代码中轻松找到。

Answer 1

好的，看看它，材料框架似乎没有事件处理附加到动作图标，但是有菜单图标。奇怪的。

您可以将标准javascript事件处理程序附加到作为操作的元素。

例如：

var myActionA = document.getElementById("myAction");
myActionA.addEventListener("click", function () { alert("Action clicked!"); }, false);

Web Material Design：MDCTopAppBar，处理动作单击

1 个答案: