【CSS】设置文字不能被选中解除限制

方法一：JS


if (typeof(element.onselectstart) != "undefined") {        // IE下禁止元素被选取        element.onselectstart = new Function("return false");
} else {// firefox下禁止元素被选取的变通办法        element.onmousedown = new Function("return false");        element.onmouseup = new Function("return true");
}

IE下有 onselectstart 这个方法，通过设置这个方法可以禁止元素文本被选取。而firefox下没有这个方法，但可以通过css或一种变通的办法解决。

另一种方法是：

ie:document.selection.empty()
ff:window.getSelection().removeAllRanges()

兼容的写法：

window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();

这种方法不但不影响拖放对象的选择效果，还能对整个文档进行清除。

方法二：CSS

div {-moz-user-select:none;-webkit-user-select:none;user-select:none;
}

【CSS】设置文字不能被选中解除限制相关推荐

CSS设置文字不能被选中
设置文字不能被选中以下为css样式 -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-selec ...
css 文本不能被选中,【css】CSS设置文字不能被选中
[Docker]Docker主机为什么ip nets 查不到网络空间创建Docker容器后本来应该有新的命名空间(如果有独立网络的话),那么可以通过 ip netns 命令查看到命名空间,但是实际上 ...
如何用css设置文字的聚光灯效果
要用 CSS 设置文字的聚光灯效果,你可以使用 text-shadow 属性. 例如: .highlighted {text-shadow: 0 0 5px #ffff00; } 在这个例子中,我们为 ...
CSS设置文字的划线
CSS设置文字的划线文字加上下划线.顶划线和删除线,在文档中是经常使用的. CSS中通过设置文字的text-decoration属性,来实现这些特殊的效果. <span style=" ...
php css下划线,css下划线如何设置？css设置文字下划线的方法介绍
在网页中默认情况下文字字体是没有下划线样式的,但是有时候我们在网页中会看到不是链接的文字下面会有一行下划线,那么这个下划线样式是怎么实现的呢?本篇文章就来给大家介绍一下css设置文字下划线的方法,接下 ...
CSS 设置文字只显示一行，多余显示省略号
CSS 设置文字只显示一行,多余显示省略号 .view-text{/**思路:1.设置inline-block属相2.强制不换行3.固定高度4.隐藏超出部分5.显示"--"*/di ...
css设置文字溢出隐藏
css设置文字溢出隐藏让文字只显示一行,超出显示省略号多行文本, 显示 n 行,剩下的省略号替代仅仅是用来提示自己,不要忘记的让文字只显示一行,超出显示省略号 overflow: hidden ...
CSS设置文字镂空效果
CSS设置文字镂空效果 color设置transparent,也就是透明 -webkit-text-stroke: 1px @theme-font-color;可以自定义边框的宽度和颜色 color: ...
css 设置文字隐藏
css 设置文字隐藏设置display: none:但是这个设置后,后面的字体将会向前移动:就是隐藏之后不占位置: 设置opacity: 0 :会被子元素继承,但是不能设置子元素opacity:0来 ...

【CSS】设置文字不能被选中解除限制

方法一：JS

方法二：CSS

【CSS】设置文字不能被选中解除限制相关推荐

最新文章

热门文章