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 相关文章推荐
使用jscript实现二进制读写脚本代码
Jun 09 Javascript
jQuery的Ajax时无响应数据的解决方法
May 25 Javascript
线路分流自动智能跳转代码,自动选择最快镜像网站(js)
Oct 31 Javascript
使用JQUERY进行后台页面布局控制DIV实现左右式
Jan 07 Javascript
Linux下编译安装php libevent扩展实例
Feb 14 Javascript
基于jquery实现左右按钮点击的图片切换效果
Jan 27 Javascript
jQuery layui常用方法介绍
Jul 25 Javascript
JS闭包与延迟求值用法示例
Dec 22 Javascript
微信小程序(三):网络请求
Jan 13 Javascript
详解基于 Nuxt 的 Vue.js 服务端渲染实践
Oct 24 Javascript
vue 不使用select实现下拉框功能(推荐)
May 17 Javascript
微信小程序抽奖组件的使用步骤
Jan 11 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 str_pad() 将字符串填充成指定长度的字符串
2010/02/23 PHP
PHP中通过语义URL防止网站被攻击的方法分享
2011/09/08 PHP
Jquery实现简单的动画效果代码
2012/03/18 Javascript
JS 精确统计网站访问量的实例代码
2013/07/05 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
2015/01/05 Javascript
javascript实现点击单选按钮链接转向对应网址的方法
2015/08/12 Javascript
JavaScript实现点击按钮切换网页背景色的方法
2015/10/17 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
2016/12/17 Javascript
利用vscode编写vue的简单配置详解
2017/06/17 Javascript
Vue resource中的GET与POST请求的实例代码
2017/07/21 Javascript
解决vue-cli项目webpack打包后iconfont文件路径的问题
2018/09/01 Javascript
JS实现倒序输出的几种常用方法示例
2019/04/13 Javascript
微信小程序的线程架构【推荐】
2019/05/14 Javascript
vue使用混入定义全局变量、函数、筛选器的实例代码
2019/07/29 Javascript
微信小程序 弹窗输入组件的实现解析
2019/08/12 Javascript
Django静态资源URL STATIC_ROOT的配置方法
2014/11/08 Python
Python中对元组和列表按条件进行排序的方法示例
2015/11/10 Python
python利用dir函数查看类中所有成员函数示例代码
2017/09/08 Python
django实现登录时候输入密码错误5次锁定用户十分钟
2017/11/05 Python
python+matplotlib绘制3D条形图实例代码
2018/01/17 Python
pyqt5 实现多窗口跳转的方法
2019/06/19 Python
Python Pandas 箱线图的实现
2019/07/23 Python
Python随机数函数代码实例解析
2020/02/09 Python
最新2019Pycharm安装教程 亲测
2020/02/28 Python
css3绘制百度的小度熊
2018/10/29 HTML / CSS
利用三角函数在canvas上画虚线的方法
2018/01/11 HTML / CSS
美国性感内衣店:Yandy
2018/06/12 全球购物
数学系个人求职信范文
2014/01/30 职场文书
幼儿园教师的考核评语
2014/04/18 职场文书
村安全生产责任书
2014/08/25 职场文书
餐厅周年庆活动方案
2014/08/25 职场文书
国庆65周年演讲稿:回首往昔,展望未来
2014/09/21 职场文书
销售内勤岗位职责
2015/02/10 职场文书
综合素质评价自我评价
2015/03/06 职场文书
研讨会致辞
2015/07/31 职场文书
Python机器学习之PCA降维算法详解
2021/05/19 Python