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 相关文章推荐
csdn 博客中实现运行代码功能实现
Aug 29 Javascript
JavaScript中__proto__与prototype的关系深入理解
Dec 04 Javascript
Javascript 拖拽雏形中的一些问题(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
JS实现的自定义水平滚动字体插件完整实例
Jun 17 Javascript
js关于getImageData跨域问题的解决方法
Oct 14 Javascript
微信小程序 MD5的方法详解及实例代码
Mar 10 Javascript
layui 监听表格复选框选中值的方法
Aug 15 Javascript
vue兄弟组件传递数据的实例
Sep 06 Javascript
基于javascript实现日历功能原理及代码实例
May 07 Javascript
jquery+ajax实现异步上传文件显示进度条
Aug 17 jQuery
通过实例解析jQ Ajax操作相关原理
Sep 23 Javascript
微信小程序开发数据缓存基础知识辨析及运用实例详解
Nov 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
域名查询代码公布
2006/10/09 PHP
8个PHP数组面试题
2015/06/23 PHP
PHP读取mssql json数据中文乱码的解决办法
2016/04/11 PHP
Yii2框架使用计划任务的方法
2016/05/25 PHP
js判断当页面无法回退时关闭网页否则就history.go(-1)
2014/08/07 Javascript
JavaScript实现Flash炫光波动特效
2015/05/14 Javascript
纯JS实现表单验证实例
2016/12/24 Javascript
js实现仿购物车加减效果
2017/03/01 Javascript
iscroll实现下拉刷新功能
2017/07/18 Javascript
以BootStrap Tab为例写一个前端组件
2017/07/25 Javascript
详解angular2.x创建项目入门指令
2018/10/11 Javascript
微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例
2018/12/11 Javascript
jQuery实现ajax的嵌套请求案例分析
2019/02/16 jQuery
ES6入门教程之Array.from()方法
2019/03/23 Javascript
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
2019/08/27 Javascript
JS Web Flex弹性盒子模型代码实例
2020/03/10 Javascript
python 3.0 模拟用户登录功能并实现三次错误锁定
2017/11/01 Python
python中嵌套函数的实操步骤
2019/02/27 Python
Python自定义一个异常类的方法
2019/06/27 Python
一篇文章弄懂Python中的可迭代对象、迭代器和生成器
2019/08/12 Python
使用pyecharts生成Echarts网页的实例
2019/08/12 Python
python内置模块collections知识点总结
2019/12/19 Python
Python3运算符常见用法分析
2020/02/14 Python
联想哥伦比亚网上商城:Lenovo Colombia
2017/01/10 全球购物
澳大利亚儿童鞋在线:The Trybe
2019/07/16 全球购物
网络工程师面试(三木通信技术有限公司)
2013/06/05 面试题
焊接专业毕业生求职信
2013/10/01 职场文书
团队精神演讲稿
2013/12/31 职场文书
七年级政治教学反思
2014/02/03 职场文书
电子信息专业自荐书
2014/02/04 职场文书
安全生产宣传标语
2014/06/06 职场文书
教师求职自荐书
2014/06/14 职场文书
青年标兵事迹材料
2014/08/16 职场文书
工作期间打牌检讨书范文
2014/11/20 职场文书
网络研修心得体会
2016/01/08 职场文书
python实现简单石头剪刀布游戏
2021/10/24 Python