HTML标签中不想让某些部分可选中的解决方案_郑州模板建站|有源码的模板网站,快速便宜建站,利于SEO-紫石头原创模板堂

当前位置：首页 >> 建站知识 >> 详情

推荐阅读

NO.1

价格低

模板类网站比起独立设计的网站来讲价格低的多，因为很多东西是已经做成的，成本就低很多！
NO.2

服务优

开源模板网站，任意修改使用！服务好到没话说！模板建站经常被贴上服务差的标签，而紫石头完全打破这样的格局！
NO.3

正版有授权

模板网站也有正规军！我们做的模板网站有永易搜CMS终身使用授权，正版系统、无惧侵权！
NO.4

建站快

建站速度快，购买后简单修改即可投入使用。设计型网站正常需要10~20个工作日，而模板站只需要几个小时！

建站咨询电话
0371-56789-390

HTML标签中不想让某些部分可选中的解决方案

发表：紫石头原创模板堂发表时间：2016-08-30 11:52:23 阅读：164次

我们知道有一些东西，特别是字体，如果能够被选中，在进行一些点击的时候，可能会出现选中的现象，用户体验非常不好，紫石头建站找了很多的相关资料，最终找到这样一个解决方案：
原文摘录如下：
在IE下给DIV设置unselectable与onselectstart属性，可以让div的内容不能选中，这个功能在很多情况下，非常有用，但是他的bug太明显
直接使用一个DIV是可以的，比如：

不能选中的内容

但是假如在这个DIV前面在出现一个普通的DIV，那就有问题了，比如：

普通DIV

从前面一个DIV开始选，就可以选中本部分内容，只有从该DIV结束部分才能不选中

目前我还没找到很好的解决方案，要么在body里用onselectstart="return false;"，但是那会导致整个页面都无法选中；或者在所有div或者类似DIV的容器里都要设置onselectstart="return false;"，才能彻底解决。
Firefox下的解决方案：
style="-moz-user-select:none;"
Chrome下的解决方案：
style="-webkit-user-select:none;"
查阅了一些资料，还有其他浏览器的兼容需要：-ms-user-select:none;user-select:none;

那么，紫石头建站对于不想让某一部分被选中提供的最终解决方案就是：