JS实现禁止鼠标右键的功能


Posted in Javascript onOctober 15, 2016

遇到网页上有精美图片或者精彩文字想保存时,通常大家都是选中目标后按鼠标右键,在弹出菜单中选择“图片另存为”或“复制”来达到我们的目的。但是,目前有许多网页都屏蔽了鼠标右键,那么用js如何实现禁止鼠标右键的功能呢?

1.与禁止鼠标右键相关的JS说明

<script type="text/javascript">
document.oncontextmenu=new Function("event.returnValue=false;");
document.onselectstart=new Function("event.returnValue=false;");
</script>

2.禁止鼠标右键火狐失灵

<!DOCTYPE html>
<html>
<head>
<title>禁止鼠标右键</title>
<meta charset="utf-8">
</head>
<body>
<div class="poo">这个页面不能使用鼠标右键</div>
<!-- 禁止鼠标右键 -->
<script type="text/javascript">
if (window.Event){ 
document.captureEvents(Event.MOUSEUP); 
}
function nocontextmenu(){ 
event.cancelBubble = true 
event.returnValue = false; 
return false; 
} 
function norightclick(e) { 
if (window.Event) {
if (e.which == 2 || e.which == 3) 
return false; 
} else if (event.button == 2 || event.button == 3){ 
event.cancelBubble = true 
event.returnValue = false; 
return false; 
}
} 
document.oncontextmenu = nocontextmenu; // for IE5+ 
document.onmousedown = norightclick; // for all others 
</script> 
</body>
</html>

3.禁止选择文本

<script type="text/javascript">
var omitformtags=["input", "textarea", "select"];
omitformtagsomitformtags=omitformtags.join("|");
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1){
return false;
}
}
function reEnable(){
return true;
}
if (typeof document.onselectstart!="undefined"){
document.onselectstart=new Function ("return false");
}else{
document.onmousedown=disableselect;
document.onmouseup=reEnable;
}
</script>

4.屏蔽ctrl按键

document.onkeydown=function(){
if(event.ctrlKey)return false;
}

以上所述是小编给大家介绍的JS实现禁止鼠标右键的功能,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
ExtJs 表单提交登陆实现代码
Aug 19 Javascript
IE6、IE7中获取Button元素的值的bug说明
Aug 28 Javascript
js动态为代码着色显示行号
May 29 Javascript
利用js实现遮罩以及弹出可移动登录窗口
Jul 08 Javascript
javascript实现的元素拖动函数宿主为浏览器
Jul 21 Javascript
js检测判断日期大于多少天的方法
May 04 Javascript
js弹出对话框方式小结
Nov 17 Javascript
react-router4 配合webpack require.ensure 实现异步加载的示例
Jan 18 Javascript
微信小程序wx.getImageInfo()如何获取图片信息
Jan 26 Javascript
vue项目打包部署到服务器的方法示例
Aug 27 Javascript
Vue+Webpack完美整合富文本编辑器TinyMce的方法
Nov 30 Javascript
在vue项目中利用popstate处理页面返回的操作介绍
Aug 06 Javascript
Vue.js快速入门实例教程
Oct 15 #Javascript
JavaScript随机生成颜色的方法
Oct 15 #Javascript
js实现目录链接,内容跟着目录滚动显示的简单实例
Oct 15 #Javascript
js控制div层的叠加简单方法
Oct 15 #Javascript
js实现table添加行tr、删除行tr、清空行tr的简单实例
Oct 15 #Javascript
js控制li的隐藏和显示实例代码
Oct 15 #Javascript
jquery控制页面的展开和隐藏实现方法(推荐)
Oct 15 #Javascript
You might like
php实现水仙花数的4个示例分享
2014/04/08 PHP
利用PHP fsockopen 模拟POST/GET传送数据的方法
2015/09/22 PHP
laravel 根据不同组织加载不同视图的实现
2019/10/14 PHP
[JS]点出统计器
2020/10/11 Javascript
javascript 文本框水印/占位符(watermark/placeholder)实现方法
2012/01/15 Javascript
js对象转json数组的简单实现案例
2014/02/28 Javascript
基于jQuey实现鼠标滑过变色(整行变色)
2015/12/07 Javascript
jQuery unbind()方法实例详解
2016/01/19 Javascript
更靠谱的H5横竖屏检测方法(js代码)
2016/09/13 Javascript
微信小程序 页面传值详解
2017/03/10 Javascript
ES6入门教程之Iterator与for...of循环详解
2017/05/17 Javascript
Vue 组件间的样式冲突污染
2017/08/31 Javascript
Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果
2018/07/27 Javascript
VSCode使用之Vue工程配置eslint
2019/04/30 Javascript
JS实现移动端在线签协议功能
2019/08/22 Javascript
js实现计时器秒表功能
2019/12/16 Javascript
[07:43]《辉夜杯》公开赛晋级外卡赛战队—TRG训练生活探秘
2015/12/11 DOTA
[48:26]VGJ.S vs infamous Supermajor 败者组 BO3 第二场 6.4
2018/06/05 DOTA
python爬虫之百度API调用方法
2017/06/11 Python
使用python存储网页上的图片实例
2018/05/22 Python
如何通过Python实现标签云算法
2019/07/02 Python
Python如何实现FTP功能
2020/05/28 Python
CSS3之背景尺寸Background-size使用介绍
2013/10/14 HTML / CSS
利用CSS3的线性渐变linear-gradient制作边框的示例
2016/06/02 HTML / CSS
世界领先的艺术图书出版社:TASCHEN
2018/07/23 全球购物
For Art’s Sake官网:手工制作的奢华眼镜
2018/12/15 全球购物
西班牙在线光学:Visual-Click
2020/06/22 全球购物
DataReader和DataSet的异同
2014/12/31 面试题
售后服务承诺书范文
2014/03/26 职场文书
安全生产工作汇报材料
2014/10/28 职场文书
团代会开幕词
2015/01/28 职场文书
我们的节日端午节活动总结
2015/02/11 职场文书
试用期辞职信范文
2015/03/02 职场文书
学校教学管理制度
2015/08/06 职场文书
2019年恭贺升学祝福语集锦
2019/08/15 职场文书
MySQL 服务和数据库管理
2021/11/11 MySQL