禁止选中文字

使用onselectstart

<div class= "a" onselectstart="return false;">onselectstart，防止页面变蓝</div>

直接写在html中写入或者调用js方法onselectedstart

eg:document.querySelector(".a").onselectstart= function(){return false;}

兼容性:firefox不支持

解决方法:

-moz-user-select:none;

可解决firefox不支持的问题

时间： 2024-10-10 18:17:03

禁止选中文字的相关文章

用js onselectstart事件鼠标禁止选中文字

IE&&Chrome中适用此方法 document.onselectstart=function(){return false;} onselectstart是防止内容被选中默认状态是true <body onselectstart=return(event.srcElement.type=='text')> 选不中 <input type="text" name="" value="来选吧"> </

禁止选中文字和禁止右键菜单

1.禁用右键菜单(contextmenu) document.addEventListener('contextmenu',function(e){ e.preventDefault(); }) 2.禁止选中文字(selectstart) document.addEventListener("selectstart",fnction(e){ e.preventDefault(); }) 原文地址:https://www.cnblogs.com/qtbb/p/11687691.html

HTML 禁止复制文字

因为本人平时喜欢看网络小说,但是喜欢看的文通过正经网站或者app都需要收费,让人很是不爽,所以...总之,百度网盘上资源很多.但是问题来了,这些资源肯定不会是作者自己流出的,也不应该是网站或app流出的,更不可能是读者手打的.所以,最大的可能就是上网站复制的...所以不明白为什么网站要允许复制.下面是禁止复制文字的实现方式: 1.禁用选中和右键: 在<body>标签中添加以下代码: οncοntextmenu='return false' //禁止右键 οndragstart='return

CSS3特殊伪类::selection改变页面选中文字的样式

一般在网页上面,选中文字的时候,文字的样式是会改变的,当然,样式也都是千篇一律的浏览器的默认样式,蓝底白字,偶然看到有些网页上面当文字选中的时候会有不一样的样式,当时就很是好奇,后来才慢慢发现是css的一个伪类::selection ::selection是一个CSS3选择器(这也告诉这我们CSS3必须要去熟悉,这玩意确实可以弄出很多意想不到的好效果.) 兼容性:IE9+,Chrome,Opera,Safari,Firefox…(也可以去查看)caniuse.com#search=::selec

html 富文本编辑器相关--输出选中文字和主动选择文字

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div class="app" contenteditable="true"> <span id="con

CSS如何实现禁止选中文本

CSS如何实现禁止选中文本:禁止文本被选中的目的一般是为了防止别人复制网站的内容,当然这些只能防住一些“善良”的朋友,只要有点web知识都能够轻易破解这些,不过咱们不管这些,只要客户有需要,程序员就必须要实现,下面是两端css样式代码,能够实现此功能,希望能够对需要的朋友带来一定的帮助.代码如下: div{ text-align:center; vertical-align:middle; height:39px; overflow:hidden; moz-user-select:-moz-no

Windows 10设置桌面图标间距、窗口的背景颜色、选中文字的背景颜色

Windows 10取消了“高级外观设置”(或者叫“窗口颜色和外观”设置),想调整一些参数只能进注册表了. 按Win+R,然后输入regedit进入注册表编辑器. 桌面图标间距找到这里:HKEY_CURRENT_USER\Control Panel\Desktop\WindowMetrics 桌面图标水平间距: IconSpacing,默认值大概是-1125,想缩小间距就改大一些,比如-800. 桌面图标垂直间距: IconVerticalSpacing,同上. 窗口的背景颜色找到这里:HK

miniui日期控件mini-datepicker禁止选中日期

mini-datepicker日期控件利用js禁止选中日期 html代码: <input id="ToDate" name="ToDate" class="mini-datepicker" allowInput="false" showTodayButton="false" ondrawdate="onDrawDate" /> js代码: <script type=&q

屏蔽双击选中文字的方法

FF用样式 :-moz-user-select:none; FF以外的浏览器用:onselectstart="return false"(直接加在需要作用的标签) eg: <div class="test" onselectstart="return false" style="-moz-user-select:none;">你选不到我...(屏蔽双击选中文字的区域)</div>