我的Chrome扩展程序中的下拉菜单

Question

我构建了一个google-chrome-extension，现在想添加一个下拉菜单。 我的问题是当我点击我的菜单点时，我用popup.html打开一个新的chrome选项卡，不要重新加载它。 我尝试了<ul>和<li>的方式。

<div class="dropdown">
        <button class="dropbtn">Dropdown</button>
        <div class="dropdown-content">
            <a id="menu1" href="#">menu1</a>
            <a id="menu2" href="#">menu2</a>
            <a id="menu3" href="#">menu3</a>
        </div>
 </div>

我想用它来选择后运行一些JavaScript。

Answer 1

只需收听click标记的a事件，然后添加e.preventDefault()即可停用浏览器默认行为。

$(".dropdown-content a").click(function(e) {
    // your logic here
    e.preventDefault();
});