HTML技巧篇——禁止网页元素被右击、拖动、选中、复制

利用JS禁止方法：

1、网页内容不可选中
document.onselectstart=function(){return false}

2、网页内容禁止鼠标右键
document.oncontextmenu=function(){return false}

3、内容禁止鼠标拖动
document.ondragstart=function(){return false}

4、网页内容禁止复制文本
document.onselect=function(){return false}

CSS禁用方法：

1、内联禁用

<p onselectstart="return false" onselect="document.selection.empty()">
这段文字不能被鼠标选中和复制
</p>

2、外联、内嵌禁用

p{-moz-user-select:none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-selece:none;/*上面都是兼容性问题，具体看浏览器版本或什么浏览器*/user-select: none;/*内容禁止选中*/
}

个人觉得js方法好用

HTML技巧篇——禁止网页元素被右击、拖动、选中、复制相关推荐

html实现水平垂直居中,HTML技巧篇：实现元素水平与垂直居中的几种方式
如何使用html+css实现元素的水平与垂直居中效果,这也是我们网页在编码制作中会经常用到的问题. 1)单行文本的居中主要实现css代码: 水平居中:text-align:center;垂直居中:l ...
Chrome 技巧篇-浏览器网页设置编码，解决网页乱码问题，最新版charset插件获取，UTF-8编码设置
非常简单,安装一个Charset插件就好了. 获取方式: 小蓝枣的资源仓库,提取码:ih2n 有乱码的话,一般设置为UTF-8编码就好了. 喜欢的点个赞❤吧!
网页上的内容无法选中复制该如何解决？
有些网页出于信息安全考虑,会对网页做种种限制,比如让用户无法选中,那如何才能选中我们想要的内容进行复制呢? 1. 保存当前页面到本地: 之所以保存到本地,是为了可以对文件进行代码层面的修改. 2. 用 ...
[转载]潜移默化学会WPF（技巧篇）--具有Items元素的控件子项获取（一）
潜移默化学会WPF(技巧篇)--具有Items元素的控件子项获取(一) 1. treeview的Item获取 var g = this.tree.ItemContainerGenerator;Tree ...
php生成网页按钮,JavaScript实现自动生成网页元素功能（按钮、文本等）_javascript技巧...
创建元素的方法: 1.利用createTextNode()创建一个文本对象 2.利用createElement()创建一个标签对象 3.直接利用容器标签中的一个属性:innerHTML-----本质上 ...
艺赛旗开发技巧-根据文本点击网页元素
一.题目根据文字点击百度首页导航栏,例如传入"学术",流程便点击导航栏中的学术. 网址:https://www.baidu.com/ 二.Chrome拾取与IE拾取的区别 IE拾 ...
技巧篇：常用的R代码汇总
技巧篇:常用的R代码汇总模块1:Xpath的一些练习 #install.packages("rvest") #install.packages("xlsx") ...
移动端H5页面编辑器开发实战--经验技巧篇
一.前言在上一篇<原理结构篇>中,主要针对移动端网页进行了分类描述,并介绍了H5编辑器的需求.原理以及框架结构,本文将延续开发实战这一主题,针对策略和开发技巧做进一步的介绍. 二.策略篇 ...
HTML技巧篇：如何让单行文本以及多行文本溢出显示省略号(…)
文章目录 HTML技巧篇:如何让单行文本以及多行文本溢出显示省略号(-) 一.单行文本溢出显示省略号核心css语句: 二.多行文本溢出显示省略号核心css语句: 效果图: 总结 HTML技巧篇:如 ...
linux访问网页元素,Linux_DOM和JAVASCRIPT访问页面上的元素，访问方法：getElementById() - phpStudy...
DOM和JAVASCRIPT访问页面上的元素访问方法: getElementById():返回拥用传递给该方法的指定id的第一个对象的引用. getElementsByName():返回拥用传递该方 ...

HTML技巧篇——禁止网页元素被右击、拖动、选中、复制

利用JS禁止方法：

CSS禁用方法：

HTML技巧篇——禁止网页元素被右击、拖动、选中、复制相关推荐

最新文章

热门文章