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()
});

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

在Tumblr上添加HTML标记的事件侦听器

1 个答案: