摘要：咱们在我的项目中，通常为了保证数据安全性和爱护用户个人信息，个别页面须要禁用右键、复制、粘贴以及输入框主动填充的性能。所以在此补充和总结几条咱们开发中罕用的操作形式。
本文分享自华为云社区《表单页面应用 JS 实现禁用右键和复制粘贴（剪切）性能原理以及操作阐明》，原文作者：白鹿第一帅。
前言
咱们在我的项目中，通常为了保证数据安全性和爱护用户个人信息，个别页面须要禁用右键、复制、粘贴以及输入框主动填充的性能。所以在此补充和总结几条咱们开发中罕用的操作形式。
一、禁用鼠标右键
1.1、剖析阐明
通过禁用右键选项卡的形式来禁用复制粘贴以及其余非法操作。
1.2、操作原理
咱们通过 JS 中的 button 事件属性来实现鼠标右键的禁用。通过弹出提示框来代替右键选项卡。
1.3、实现成果
1.4、实现代码
将下列 JS 代码导入须要禁用右键的页面的 <script> 标签对中即可：
function click() {if (event.button==2) {alert('对不起，本页禁用右键！')
}
}
document.onmousedown=click;1.5、补充：JS 中的 button 事件属性
button 事件属性返回一个整数，用于批示当事件被触发时哪个鼠标按键被点击。
语法如下：
event.button==0|1|2;
二、禁用复制粘贴
2.1、剖析阐明
通过禁用快捷键 Ctrl+C/V/X 来禁止用户在以后页面复制、粘贴（剪切）。
2.2、实现代码
页面整体禁用复制粘贴，在页面 body 标签中退出如下代码即可：
<!– 禁止全选、复制、粘贴 –>
<body onselectstart="return false" onpaste="return false" oncopy="return false" oncut="return false">参数阐明：
三、禁用输入框主动填充性能
3.1、剖析阐明
如果咱们不对输入框进行设置的话，之前用户输出的记录会在下一次输出的时候主动填充。你当然不心愿你在某个 小网站 看的记录被另一个同学登录时用户名主动填充，让人家发现你的小机密？
那咱们就通过禁用输入框主动填充，使得之前用户输出的记录不会在另一个用户输出时主动填充，起到爱护用户个人信息隐衷的作用。
3.2、实现成果
3.3、实现代码
在输入框的属性中增加 autocomplete="off" 属性即可：<input name="username" type="text" placeholder="请输入您的账号" autocomplete="off" minlength="8" maxlength="20">
<input name="password" type="password" placeholder="请输入您的明码" autocomplete="off" minlength="8" maxlength="20">总结
原生 JS 是充斥魅力的，永远不要为了谋求现成的框架而本末倒置。在开发中为了爱护用户隐衷和信息安全，咱们须要在各个方面都要在做到谨严，以给用户最佳的体验，无论是前端还是后端，都要充沛把细节做到位，任何事的前提都是先做一个合格的程序员。技术驱动服务，服务带来盈利和收益。
点击关注，第一工夫理解华为云陈腐技术~