两种JS实现屏蔽鼠标右键的方法
更新时间：2020年08月20日 15:14:00 投稿：lijiao
这篇文章主要介绍了两种JS实现屏蔽鼠标右键的方法，浏览者在访问你网页的时候就不能点击右键，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
JS屏蔽鼠标右键的两种方法，比较常用的一个JS小功能，用上这个代码后，浏览者在访问你网页的时候就不能点击右键了，点了也不会弹出右键菜单，本功能最好不要用的太多哦，有时候用户会反感的。
代码如下:
<html>
<head>
<title>屏蔽鼠标右键</title>
</head>
<body oncontextmenu=self.event.returnvalue=false>
第一种方法：在body标签里加上oncontextmenu=self.event.returnvalue=false;
<br>
<script language="javascript">
<!--
function document.oncontextmenu()
{
return false;
}
function nocontextmenu()
{
if(document.all) {
event.cancelBubble=true;
event.returnvalue=false;
return false;
}
}
-->
</script>
第二种方法：在body里加入onmousedown="rclick()" oncontextmenu= "nocontextmenu()"
<br>
<script language="javascript">
<!--
function rclick()
{
if(document.all) {
if (event.button == 2){
event.returnvalue=false;
}
}
}
-->
</script>
<br>详细情况请查看代码。<br>
<br>现在点击你的鼠标右键，不起作用了。
</body>
</html>
以上就是本文的全部内容，希望对大家的学习有所帮助。
相关文章
众所周知前端三大缓存,cookie,sessionStorage,localStorage,下面这篇文章主要给大家介绍了关于localStorage设置有效期和过期时间的相关资料,需要的朋友可以参考下2022-02-02
这篇文章主要介绍了JS数组排序方法,结合实例形式分析了javascript数组冒泡排序与选择排序原理及实现技巧,需要的朋友可以参考下2016-12-12
Bootstrap进度条与AJAX后端数据传递结合使用实例详解
这篇文章主要介绍了Bootstrap进度条与AJAX后端数据传递结合使用,需要的朋友可以参考下2017-04-04
这篇文章主要介绍了js 如何删除对象里的某个属性，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要介绍了js控制div弹出层实现方法,可实现点击链接弹出div浮动层,且背景色变暗的效果,是一款非常实用的特效源码,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了使用JavaScript 实现的人脸检测的方法和实例，非常的不错，这里推荐给大家，有需要的小伙伴参考下。2015-03-03
这篇文章主要介绍了微信小程序实现顶部固定底部分页滚动效果，本文大概给大家分享三种解决方案，每种方案给大家详细剖析通过代码解析哪种方案更适合，感兴趣的朋友跟随小编一起看看吧2022-10-10
这篇文章主要介绍了微信公众号H5支付接口调用方法，微信内H5调用支付接口代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-01-01
本篇文章主要对基于javascript实现的苹果系统底部菜单进行了详细的分析说明，有助于理解和学习编写苹果系统底部菜单，相信会对大家有所帮助，下面就跟小编一起来看看吧2016-12-12
话说，人就是要被关注才有动力啊于是修改了下上次写的《添加JavaScript重载函数的辅助方法》在添加方法的时候增加了一个参数 用于限制参数的类型。2010-07-07
最新评论