javascript - 点击 <li> 元素时选择文本

Question

我正在使用带有多个子 lis 的 ul 来使用 html/javascript 和 css 进行导航。问题是，在点击时，它会在打开菜单时选择 Menu1 文本(就像您想复制文本时那样)。在 Surface 平板电脑上使用 Windows 8，ie11。我不想选中文本，如何停止？

<ul id="nav" class="dropdown dropdown-horizontal">
 <li><a href="../page1.html">Page1</a></li>
 <li><a href="../page2.html">Page2</a></li>
 <li><a href="../page3.html">Page3</a></li>
 <li aria-haspopup="true" style="cursor:pointer"><span class="dir">Menu1</span>
    <ul>
     <li><a href="../item1.html">Menu Item 1</a></li>
     <li><a href="../item2.html">Menu Item 2</a></li>
    </ul>
 </li>
</ul>

Answer 1

也许尝试这样的事情:

<li>Page1<a href="../page1.html"></a></li>
<li>Page2<a href="../page2.html"></a></li>
<li>Page3<a href="../page3.html"></a></li>

然后是 CSS

li {
    position:relative;
}

li > a {
    position:absolute;
    display:block;
    height:100%;
    top:0;
    left:0;
    z-index:2;
}

这会将 anchor 置于文本之上，从而使其可点击但不允许文本可复制。