JS禁止右键查看源码,禁止复制,复制内容到剪切板
有时候我们希望自己的网页源码不被查看,这时需要关掉鼠标的右击事件;有时候我们也希望禁止选择页面内容Ctrl+C复制。
1.禁止右键查看源码;
<script> //设置右键事件 function noMenuOne() { alert('禁止右键菜单!'); return false; } document.oncontextmenu = noMenuOne</script>
第二种方法:
<script> //当用户按下鼠标按钮触发 function noMenu2() { if(event.button == 2) { alert('禁止右键菜单!'); return false; } } document.onmousedown = noMenu2; </script>
2.禁止复制页面内容
<body oncopy="alert('禁止复制');return false;"> 标题XXX <!-- 1. Define some markup --> <input type="text" id="name" /> <button class="btn">Copy</button> </body>
3.复制内容到剪切板
需要clipboard.min.js插件库,也不支持IE8,如果有需求需要自己写IE8的,针对IE浏览器来说, 实现起来就很简单, 因为直接有clipboardData 的对象可以使用。
<script src="js/clipboard.min.js"></script>
<body> 标题XXX <!-- 1. Define some markup --> <input type="text" id="name" /> <button class="btn">Copy</button> </body> ................ <script> /*不支持IE8,IE8以上的可以*/ var clipboard = new ClipboardJS('.btn', { text: function() { //返回的值是复制到剪切板的内容 return $("#name").val(); } }); </script>
其实clipboard 也可以直接绑定获取某个元素的值,更多的参考github上的demo,github地址:https://github.com/zenorocha/clipboard.js
还有好多其他的方法,有需要的时候再查吧。
【当你用心写完每一篇博客之后,你会发现它比你用代码实现功能更有成就感!】
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· Obsidian + DeepSeek:免费 AI 助力你的知识管理,让你的笔记飞起来!
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
2017-10-26 JSP中include指令和include动作浅析