在web page中使鼠标右击失效的几种方法「建议收藏」

在web page中使鼠标右击失效的几种方法

大家好,又见面了,我是全栈君。

这里主要介绍两种方法,一种是使用js来处理,还有一种是在html属性中设置。

方法一:js

1:

<script language="javascript">
document.onmousedown=disableclick;
status="Right Click Disabled";
Function disableclick(event)
{
  if(event.button==2)
   {
     alert(status);
     return false;    
   }
}
</script>

2:

document.addEventListener("contextmenu", function(e){
    e.preventDefault();
}, false);

3:使用jQuery

$(document).on({
    "contextmenu": function(e) {
        console.log("ctx menu button:", e.which); 

        // Stop the context menu
        e.preventDefault();
    },
    "mousedown": function(e) { 
        console.log("normal mouse down:", e.which); 
    },
    "mouseup": function(e) { 
        console.log("normal mouse up:", e.which); 
    }
});

或者:

 $(document).ready(function () {
            document.oncontextmenu = document.body.oncontextmenu = function () { return false; }
        });

方法二:html属性设置

<body oncontextmenu="return false">
...
</body>

最后:尽量不要这么做,除非特殊用途。

preference:http://stackoverflow.com/questions/737022/how-do-i-disable-right-click-on-my-web-page

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/116083.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • java编程规范(持续更新)

    java编程规范(持续更新)

    2021年7月4日
    68
  • 提示用微信浏览器打开_浏览器如何设置消息提醒

    提示用微信浏览器打开_浏览器如何设置消息提醒概述大体思路是这样的:先建一个蒙版,蒙版放上提示的信息,然后写一个js,在页面打开的时候判断是不是用微信自带的浏览器打开的,如果是就打开蒙版,提示用浏览器打开基本页面添加蒙版添加js最终效果

    2022年8月16日
    5
  • 51单片机设计8位抢答器_51单片机八路抢答器原理图

    51单片机设计8位抢答器_51单片机八路抢答器原理图基于51单片机八路抢答器的设计毕业设计(论文)题目:基于51单片机八路抢答器的设计系部:专业:学号:学生姓名:指导教师姓名:指导教师职称:2013年xx月xx日XXXXXXXX学院(论文)I摘要随着科学技术的发展和普及,各种各样的竞赛越来越多,其中抢答器的作用也就显而易见。目前很多抢答器基本上采用小规模数字集成电路设计,使用起来不够理想。因此设计一更易于使…

    2022年10月20日
    3
  • 几种将网站设为首页的代码是_网页设计基本代码

    几种将网站设为首页的代码是_网页设计基本代码加入收藏夹,设为首页代码把以下代码加入相应位置:加入收藏设为首页鼠标指向时提示设为首页将下列代码插入区中:设为首页打开页面时自动弹出窗口询问是否设为首页将以下代码放在之间:functionmyhomepage(){this.homepage.style.behavior=’url(#default#homepage)’;this.homepag

    2025年6月22日
    2
  • 关于使用LayoutParams清除设置以及DateFormat无法正确转换格式化日期的问题

    关于使用LayoutParams清除设置以及DateFormat无法正确转换格式化日期的问题1、关于LayoutParams清除设置问题RelativeLayout.LayoutParamslp=(LayoutParams)mBtn.getLayoutParams();lp.addRule(RelativeLayout.ALIGN_PARENT_RIGHT,0);//清除上次设置(只有清除上次设置,这次设置才会起效,倘若代码设置过后不需要再次更改布局,则无须清除上次设置)

    2022年7月17日
    17
  • JedisPool踩坑记录

    JedisPool踩坑记录报错信息:Exceptioninthread”main”redis.clients.jedis.exceptions.JedisExhaustedPoolException:Couldnotgetaresourcesincethepoolisexhausted在网上找了很久没有找到,现在看来提示已经讲的很明白了,Jedis池耗尽异常:由于池已耗尽,无法获取资源原因就是最大连接数不够使用,我在类中启动了60个并发线程,然而连接池最大连接数只有50,所以报错。packa

    2025年9月14日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号