首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    表单页面使用 JS 实现禁用右键和复制粘贴(剪切)功能原理以及操作说明

    文章目录 前言 一、禁用鼠标右键 1.1、分析说明 1.2、操作原理 1.3、实现效果 1.4、实现代码 1.5、补充:JS 中的 button 事件属性 二、禁用复制粘贴 2.1、分析说明 2.2、实现代码...三、禁用输入框自动填充功能 3.1、分析说明 3.2、实现效果 3.3、实现代码 总结 ---- 前言 我们在项目中,通常为了保证数据安全性和保护用户个人信息,个别页面需要禁用右键、复制、粘贴以及输入框自动填充的功能...---- 一、禁用鼠标右键 1.1、分析说明 通过禁用右键选项卡的方式来禁用复制粘贴以及其他非法操作。 1.2、操作原理 我们通过 JS 中的 button 事件属性来实现鼠标右键的禁用。...语法如下: event.button==0|1|2; 参数 描述 0 规定鼠标左键 1 规定鼠标中键 2 规定鼠标右键 二、禁用复制粘贴 2.1、分析说明 通过禁用快捷键 Ctrl+C/V/X 来禁止用户在当前页面复制...=“return false” 禁用复制 oncut=“return false” 禁用剪切,防止复制 三、禁用输入框自动填充功能 3.1、分析说明 如果我们不对输入框进行设置的话,之前用户输入的记录会在下一次输入的时候自动填充

    4.7K31

    JS 实现复制粘贴功能

    JS 实现复制粘贴功能 目前没有做过多的测试,只是测试了几个手机,介绍: 支持情况 (1)移动端: chrome(版本 58.0.3029.96 (64-bit))、 猎豹(V6.0.114.14559...==下面为我简单封装功能:==!!! 看情况来定是否采用,体积小,我认为我的功能够用就可以了!...js-textareacopybtn" data-copy=".js-copyText">文本复制 复制功能按钮btn 可为id,可为class * 参数二:表示回调 * yb */...: 对了,如果想实现低版本浏览器的复制,类似于这种情况: 可以清晰的看到,这个功能是我点击按钮(文本复制)之后,出现的复制提示框,并不是我手动直接选中的, 是input 输入框可以达到这个效果,但是有个问题是

    4.8K30

    通过js判断点击键码的值,禁用F12、复制粘贴、右键等功能

    通过判断点击按键的键码值,达到禁用F12、复制粘贴、右键等功能的效果 F12 键码值 123 C 键码值 67 V 键码值 86 Ctrl 键码值 17 字母和数字键的键码值(keyCode) <script... 123) {       event.keyCode = 0;       event.returnValue = false;       return false;     }   }; // 禁用...document.onkeydown = function(){     if (event.ctrlKey && window.event.keyCode==67){       return false;     } // 禁用复制... = function (){     return false;   } // 禁用复制   document.onselectstart = function(){     return false...;   } // 禁用黏贴 } 也可以根据自身情况选择性禁用部分功能

    2.2K50

    deepin禁用鼠标中间粘贴功能

    [deepin][linux]deepin禁用鼠标中间粘贴功能 不知何时起,nngxd,代码里面总是意外多点东西,造成bug.这都是鼠标中间在Linux上面有粘贴的功能,好吧,直接干掉这个功能。...方法如下: 1、禁用中键功能 在终端输入如下命令即可:   1)禁用中键粘贴,开启侧键复制粘贴功能 xmodmap -e "pointer = 1 25 3 4 5 6 7 2"   2)仅禁用中键粘贴...  xmodmap -e "pointer = 1 25 3 4 5 6 7 8" 2、恢复中键功能 在终端输入如下命令即可: xmodmap -e "pointer = 1 2 3 4 5 6...如果你习惯左手去操作鼠标,想把鼠标左右按键功能交换,就可以这么设置: xmodmap -e "pointer = 3 2 1 4 5 6 7 8" 如果想知道更多关于按键映射的信息,可自行去查阅。

    2.2K20

    Clipboard.js实现复制文本到剪贴板功能

    Clipboard.js是一个轻量级的实现复制文本到剪贴板功能的JavaScript插件,该插件可以将输入框,文本域,DOM节点元素中的文本内容复制到剪贴板中。...Opera、Safari、IE9+ 对于不兼容的浏览器版本也有优雅的降级处理,可以采用下面的方式 clipboard.on('error', function(e) { alert('请选择手动复制...}); 使用方法如下: 1、在页面引入clipboard.js js/clipboard.min.js">...2、从元素内容复制文本 设置触发元素的data-clipboard-action属性,该属性的值为copy(复制)/cut(剪切) 设置data-clipboard-target属性,该属性值是要复制.../oucqs">复制 4、执行JS事件 var clipboard = new Clipboard('#copyBtn'); clipboard.on('success', function

    2.3K10

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券