网页安全之页面禁用复制粘贴

类似于百度文库这样的网站，都是将复制粘贴功能禁用的，只有登录的用户才能够使用。在开发中，为了网页的安全，我们也可以设置页面禁用复制和粘贴的功能

实现的方式很简单，就是自定义页面的复制和粘贴事件，取消默认事件即可

实现代码

<html><head><title>个人网页</title><meta .../></head><body><!--核心代码--><script>window.onload = function(){document.body.oncopy = function(){prompt("需要登录才能够使用复制功能");return false;};document.body.onpaste = function(){prompt("需要登录才能够使用粘贴功能");return false;};//当选中页面中的任何对象时触发onselectstart事件//对FF浏览器不起作用，但是QQ浏览器倒是起作用的说document.body.onselectstart = function(){console.log("未登录，无法选中目标");return false;};
</html>

oncopy和onpaste比较少见的两个事件，但是又比较实用，相关的另一个使用的地方就是密码框的安全性增强，虽然h5针对密码输入新增了type=”password”的密码输入框，不过还是可以将这些掩码复制过来，然后放在外面显示，当用户在一个网站记住密码时，而这个网站又被别人用同一个电脑去登录，就会暴露了用户的密码，因此这时候我们可以取消密码输入框的复制和粘贴

<form method="post" action="..."><label for="username">username:</label><input type="text" name="username" placeholder="please input your username:" /><br /><label for="password">password:</label><input type="password" name="password" placeholder="please input your password:" oncopy="return false;" onpaste="return false;" style="font-family:wingwangs;" /><br /><button type="submit" onclick="this.disabled=true;this.form.submit();">登录</button><span>  </span><button type="reset">重置</button>
</form>

网页安全之页面禁用复制粘贴相关推荐

前端表白纪念日用js+html+css实现的页面代码复制粘贴就能用
前端表白纪念日用js+html+css实现的页面代码复制粘贴就能用页面如下: 代码: <!DOCTYPE html> <html><head><script ...
关于禁用复制粘贴软件教程
关于禁用复制粘贴你好! 陌生人下面是软件介绍: 截图: 已经很清楚,接下来是怎么用: 是不是非常简单? 文件大小才28k 快下载来试试,目前还没有资源,等待审核中,要是你感兴趣,欢迎关注我.
（转）网页上如何实现禁止复制粘贴以及如何破解
转自:http://blog.haoji.me/disable-html-copy-and-paste.html?from=xa 实现禁止复制和右键;比较简单,直接上代码: <style typ ...
python批量下载网页图片，不用再复制粘贴了（7）
此为教程笔记教程地址:https://study.163.com/course/courseMain.htm?courseId=1209401897 感谢老师:城市数据团大鹏代码非常少,想要全部代 ...
微信H5页面禁用复制链接
微信开发文档 : https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#0 <script src=& ...
python怎么全选_有没有一种方法可以在Python网页上模拟“全选复制粘贴”？
我对Python相当陌生,我不知道selenium是什么,但是如果您能够找到某种模式,您应该能够执行您描述的内容.关键是找到一个模式.下面是几个示例脚本,它们可能会让您了解如何开始.在import u ...
JavaScript 事件：Web 表单如何实现禁用右键、复制粘贴/剪切和输入框自动填充？
文章目录前言一.禁用鼠标右键 1.1.分析说明 1.2.操作原理 1.3.实现效果 1.4.实现代码 1.5.补充:JS 中的 button 事件属性二.禁用复制粘贴 2.1.分析说明 2.2. ...
禁止复制粘贴_网页禁止你复制粘贴？新同事教我这三招，全网内容随我复制
我们平常经常需要在网上查找资料,但是由于网站的限制,网页的内容经常没办法复制粘贴,只能自己一个字一个字手打,但这样效率实在太慢了,今天新同事教了我三个方法,轻松就可以直接复制网页内容,想复制哪里就复制 ...
网页内容复制粘贴(三种方案兼容多种浏览器)
tags: js ctrl+c 网页内容复制粘贴(三种方案兼容多种浏览器) 对网页上的内容实现复制粘贴的功能痛点:需要支持多种不同的浏览器主要有IE,Firefox IE浏览器下的解决方案: w ...

网页安全之页面禁用复制粘贴

网页安全之页面禁用复制粘贴相关推荐

最新文章

热门文章