首页前端开发HTML详解Html页面中内容禁止选择、复制、右键的实现方法

详解Html页面中内容禁止选择、复制、右键的实现方法

时间2024-01-26 21:51:03发布访客分类HTML浏览401
导读:收集整理的这篇文章主要介绍了详解Html页面中内容禁止选择、复制、右键的实现方法,觉得挺不错的,现在分享给大家,也给大家做个参考。 有的时候,我们不希望自己网页中所呈现的内容不被别有用心盗取,就需要在网页中加上一个禁止复制的功能,...
收集整理的这篇文章主要介绍了详解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()">
    

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

复制禁止选择

若转载请注明出处: 详解Html页面中内容禁止选择、复制、右键的实现方法
本文地址: https://pptw.com/jishu/587323.html
HTML实现检测输入已完成功能 HTML页面局部刷新的实现代码

游客 回复需填写必要信息