可点击的HTML下拉菜单

Question

我有一个下拉菜单此 ：

 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询问触发事件的委托元素

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