页面跳转后锚标记失去焦点

Question

我使用不同的锚标签＆lt;引导下拉列表了a＆gt;填充不同＆lt; li>元件。

<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    <li role="presentation"><a onclick="item1()"> </a></li>
    <li role="presentation"><a onclick="item2()"> </a></li>

</ul>

当我单击列表上的元素时，正确的js函数触发器和列表中的元素更改背景颜色（由bootstrap css处理，我认为它使用a：focus为此）。一切都很好。

当我添加＆＃34; href =＃bottomOfPage＆＃34;每个＆lt; a＆gt;元素，然后单击列表元素后，此元素的背景颜色没有变化。更具体地说，现在我不知道列表中的哪个元素被选中。

<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    <li role="presentation"><a onclick="item1()" href="#bottomOfPage"> </a></li>
    <li role="presentation"><a onclick="item2()" href="#bottomOfPage"> </a></li>

</ul>

如何阻止页面跳转（添加href =＆＃34;＃Something＆＃34;）来禁用背景颜色变化？