javascript - 在 javascript 中单击其包含的 div 时防止突出显示文本的最佳方法是什么？

Question

我正在用 HTML/CSS/JS 构建一个菜单，我需要一种方法来防止菜单中的文本在双击时突出显示。我需要一种方法将几个 div 的 id 传递到一个函数中，并在其中关闭突出显示。

因此，当用户不小心(或故意)双击菜单时，菜单会显示其子元素，但其文本不会突出显示。

网络上流传着许多脚本，但许多似乎已经过时。什么是最好的方法？

Answer 1

在(Mozilla、Firefox、Camino、Safari、Google Chrome)中你可以使用这个:

div.noSelect {
  -moz-user-select: none; /* mozilla browsers */
  -khtml-user-select: none; /* webkit browsers */
}

对于IE，没有CSS选项，但是可以捕获ondragstart事件，返回false；

更新

自 2008 年以来，浏览器对该属性的支持有所扩展。

div.noSelect {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

https://www.w3schools.com/csSref/css3_pr_user-select.php