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 相关文章推荐
提高 DHTML 页面性能
Dec 25 Javascript
彻底搞懂JS无缝滚动代码
Jan 03 Javascript
JavaScript中常用的运算符小结
Jan 18 Javascript
js 设置缓存及获取设置的缓存
May 08 Javascript
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
Jun 08 Javascript
jQuery操作dom实现弹出页面遮罩层(web端和移动端阻止遮罩层的滑动)
Aug 25 Javascript
JavaScript中常用的验证reg
Oct 13 Javascript
详解Node.js项目APM监控之New Relic
May 12 Javascript
9种改善AngularJS性能的方法
Nov 28 Javascript
three.js实现3D模型展示的示例代码
Dec 31 Javascript
vue 巧用过渡效果(小结)
Sep 22 Javascript
如何使用JavaScript检测空闲的浏览器选项卡
May 28 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
业余方法DIY电子管FM收音机
2021/03/02 无线电
php顺序查找和二分查找示例
2014/03/27 PHP
PHP实现将MySQL重复ID二维数组重组为三维数组的方法
2016/08/01 PHP
PHP常用日期加减计算方法实例小结
2018/07/31 PHP
php中的buffer缓冲区用法分析
2019/05/31 PHP
PHP文件操作简单介绍及函数汇总
2020/12/11 PHP
js操纵dom生成下拉列表框的方法
2014/02/24 Javascript
一个网页标题title的闪动提示效果实现思路
2014/03/22 Javascript
jquery mobile的触控点击事件会多次触发问题的解决方法
2014/05/08 Javascript
javascript实现简单的html5视频播放器
2015/05/06 Javascript
JavaScript的RequireJS库入门指南
2015/07/01 Javascript
最简单的tab切换实例代码
2016/05/13 Javascript
JavaScript中的跨浏览器事件操作的基本方法整理
2016/05/20 Javascript
Angularjs中的验证input输入框只能输入数字和小数点的写法(推荐)
2017/08/16 Javascript
Angularjs cookie 操作实例详解
2017/09/27 Javascript
微信小程序button组件使用详解
2018/01/31 Javascript
菊花转动的jquery加载动画效果
2018/08/19 jQuery
使用layui实现的左侧菜单栏以及动态操作tab项方法
2019/09/10 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
2019/09/21 Javascript
CountUp.js实现数字滚动增值效果
2019/10/17 Javascript
[01:29]2017 DOTA2国际邀请赛官方英雄手办展示
2017/03/18 DOTA
Python下的Mysql模块MySQLdb安装详解
2014/04/09 Python
python pytest进阶之xunit fixture详解
2019/06/27 Python
python实现把二维列表变为一维列表的方法分析
2019/10/08 Python
详解python中groupby函数通俗易懂
2020/05/14 Python
伦敦一家领先的精品零售商:IRIS Fashion
2019/05/24 全球购物
英国鞋网:Rubber Sole
2020/03/03 全球购物
MYSQL相比于其他数据库有哪些特点
2013/07/19 面试题
传播学专业毕业生自荐信
2013/11/04 职场文书
光信息科学与技术专业职业生涯规划
2014/03/13 职场文书
影子教师研修方案
2014/06/14 职场文书
副校长个人对照检查材料思想汇报
2014/10/04 职场文书
学习作风建设心得体会
2014/10/22 职场文书
博士给导师的自荐信
2015/03/06 职场文书
zabbix agent2 监控oracle数据库的方法
2021/05/13 Oracle
Python调用腾讯API实现人脸身份证比对功能
2022/04/04 Python