javascript - 在 Tumblr 上为 HTML 标签添加事件监听器

Question

我正在通过 Tumblr 制作我公司的博客。我们的移动网站上有一个菜单栏，您可以在其中按下菜单按钮，然后通过 javascript 弹出一个菜单。菜单按钮在我们的 Tumblr 页面的自定义 HTML 上不起作用，但在其他任何地方都起作用。我在 chrome 调试器中发现，当按钮工作时，来自 jquery.min.js:3 的 div#menu-icon 有一个均匀的监听器。此事件监听器不会出现在 Tumblr 菜单栏中。如何将此事件监听器添加到 Tumblr 博客。

这是工作菜单按钮的 HTML:

<div id="menu-icon" class="menu">
  <div class="icon">Menu</div>
</div> 

Tumblr 博客中菜单按钮的 HTML 是相同的，但我似乎无法为博客页面获取 div#menu-icon 的事件监听器。我该怎么做？

如有任何帮助，我们将不胜感激。

Answer 1

对于任何 HTML 元素，您可以使用 on*** 属性指定当用户执行诸如单击之类的操作时它将采取的操作，其中 ***是行动。例如:onclick=...。

所以对于你的元素:

<div class="icon" onclick="dropdownMenu()">Menu</div>

这将在用户单击菜单图标时执行函数 dropdownMenu()。

您还可以使用 addEventListener() 为 JavaScript 附加事件监听器:

HTML:

<div class="icon" id="menuIcon">Menu</div>

JS:

var icon = document.getElementById("menuIcon");
icon.addEventListener("click",function() {
    dropdownMenu()
});

这与属性方法完全相同，但以编程方式进行。