可点击的HTML下拉菜单

Question

我有this下拉菜单：

＆＃13;

＆＃13;

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

function denemeFunc() {

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

}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

以下是我的问题：如何在点击标签时抓住标签的名称？ 例如：我点击#About标签，我想搜索BT的名称成为关于。我怎么能这样做？

Answer 1

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

function denemeFunc(evt) {

然后，您可以通过evt.target

查询触发事件的委托元素

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