我正在HTML / CSS / JS中构建菜单,我需要一种方法来防止双击菜单时突出显示菜单中的文本。我需要一种将多个div的id传递给函数并在其中禁用突出显示的方法。
因此,当用户意外(或有意)双击菜单时,菜单显示其子元素,但其文本不会突出显示。
网络上有很多脚本在 float ,但是许多似乎已经过时了。最好的方法是什么?
最佳答案
在(Mozilla,Firefox,Camino,Safari,Google Chrome)中,您可以使用以下命令:
div.noSelect {
-moz-user-select: none; /* mozilla browsers */
-khtml-user-select: none; /* webkit browsers */
}
对于IE,没有CSS选项,但是您可以捕获ondragstart事件,并返回false;否则,返回false。
更新
自2008年以来,此属性的浏览器支持已扩展。
div.noSelect {
-webkit-user-select: none; /* Chrome all / Safari all */
-moz-user-select: none; /* Firefox all */
-ms-user-select: none; /* IE 10+ */
}
https://css-tricks.com/almanac/properties/u/user-select/