javascript - 可点击的 HTML 下拉菜单

Question

我有像this这样的下拉菜单:

document.getElementById("example").addEventListener("click", denemeFunc);

function denemeFunc() {

  document.getElementById("searchBtn").innerText = ? ? ? ? ? ? ? ? ? ? ? ? ? ?

}

<div class="dropdown">
  <input type="text" placeholder="Search.." id="myInput" onkeyup="filterFunction()">
  <div id="example" runat="server">
    <a href="#About" data-toggle="About">About</a>
    <a href="#base" data-toggle="Base">Base</a>
    <a href="#blog" data-toggle="Blog">Blog</a>
    <a href="#contact" data-toggle="Contact">Contact</a>
    <a href="#custom">Custom</a>
    <a href="#support">Support</a>
    <a href="#tools">Tools</a>
</div>

这是我的问题:单击标签时如何捕获标签的名称？例如:我单击了 #About 标签，我想将 searchBtn 的名称变为 About。我该怎么做？

Answer 1

首先在回调中接收事件对象

function denemeFunc(evt) {

然后您可以通过 evt.target 询问触发事件的委托(delegate)元素

document.getElementById("searchBtn").innerText = evt.target.innerHTML;