博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS样式表能否控制文字禁止选择,复制, 焦点
阅读量:7194 次
发布时间:2019-06-29

本文共 379 字,大约阅读时间需要 1 分钟。

在做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专有的 

 

转载地址:http://lqvkm.baihongyu.com/

你可能感兴趣的文章
4.3. Module
查看>>
【云栖大会】AliOS Things宣布开源,支持物联网设备快速上云
查看>>
TensorFlow学习笔记之三——适合入门的一些资源
查看>>
《中国人工智能学会通讯》——11.17 基于聚类规则项的多任务聚类方法
查看>>
25G/50G以太网规范正式发布
查看>>
二季度互联网发展报告:全球平均连接速度同比提升14%
查看>>
Windows 10周年更新:中国区3日凌晨2点推送
查看>>
mysql分区之range分区
查看>>
jersey (RESTful Web Service框架)
查看>>
阿里巴巴数据中心创新实践
查看>>
我的友情链接
查看>>
最通俗易懂Storm教程
查看>>
Xamarin Android项目真机测试闪退
查看>>
css基础系列教程4:文本属性
查看>>
window对象的重要属性
查看>>
[Android学习笔记七] 设备管理服务示例开发
查看>>
mysql status 详细解释
查看>>
Intellij IDEA工具
查看>>
类加载器
查看>>
一次线上问题排查所引发的思考
查看>>