CSS样式表能否控制文字禁止选择,复制, 焦点
div中禁止文字被选择
在做div的点击计数事件时,遇到一个小问题。
因为div里面有文字,所以当点击多次时,特别是鼠标点的比较快的时候,文字会被选中。
查了下,用css和javascript可以实现禁止选择。
css代码:
/* css style: */
html,body{
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
<div unselectable="on" onselectstart="return false;" style="-moz-user-select:none;"> some text </div>
说明:
unselectable针对IE
onselectstart针对Chrome、Safari
-moz-user-select是firefox专有的
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步