扣丁学堂HTML5培训之详解Html页面中内容禁止选择、复制、右键的实现方法

2019-01-16 13:58:41 427浏览

今天扣丁学堂HTML5培训老师给大家介绍一下关于Html页面中内容禁止选择、复制、右键的实现方法及源码，首先在浏览网页的时候，我们不希望自己网页中所呈现的内容不被别有用心盗取，就需要在网页中加上一个禁止复制的功能，而一般的浏览器在禁止复制后还可以用复制为纯文本，并不能完全杜绝此问题，此时就需要我们在页面中完全禁止右键和复制。

实现起来其实很简单，只需要在网页中加入以下标签(注意是紧随body后)：

<body topmargin="0" oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()">

这只是一个最初步的方法，也很容易被人破解，怕网页被别人另存为本地文件，可以再加上以下代码防止别人保存：

<noscript>  
<iframe src="*.htm"></iframe>  
</noscript>

最后，有的站长可能只需要一个禁止复制的功能，并不需要禁止右键，则在<body>中加入以下代码即可：

<body onmousemove=/HideMenu()/ oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()">

以上就是关于扣丁学堂HTML5培训之详解Html页面中内容禁止选择、复制、右键的实现方法的全部内容，希望对大家的学习有所帮助，最后扣丁学堂html5培训官网、微信等平台，扣丁学堂IT职业在线学习教育平台为您提供权威的html5视频教程供学员学习，扣丁学堂老师精心推出的html5视频直播课定能让你快速掌握html5从入门到精通开发实战技能。扣丁学堂H5技术交流群：673883249。

【关注微信公众号获取更多学习资料】

查看更多关于“HTML5开发技术资讯”的相关文章>>

标签: HTML5培训 HTML5视频教程 HTML5学习视频 HTML5在线视频 HTML5培训班

上一篇扣丁学堂HTML5培训之Node.js中发起HTTP请求的5种方法下一篇 1月16日HTML5公开课之那些让你烦不胜烦的短信广告是怎么做到的

扣丁学堂HTML5培训之详解Html页面中内容禁止选择、复制、右键的实现方法

热门专区

课程推荐