点击<li>项目时的文本选择

Text selecting on tapping <li> item

本文关键字：文本 选择 li 点击 项目      更新时间：2023-09-26

我正在使用带有多个子 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>

也许可以尝试这样的事情：

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

这会将锚点放在文本的顶部，从而使其可单击，但不允许文本可复制。

相关文章：