在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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • vue分页功能实现_vue登录功能

    vue分页功能实现_vue登录功能vue分页功能

    2022年9月27日
  • 演示:基于EIGRP的非等价负载平衡 (基本配置篇)

    演示:基于EIGRP的非等价负载平衡 (基本配置篇)

    2022年3月12日
  • 「快闪群」批量成交攻略

    「快闪群」批量成交攻略相较于朋友圈,APP里面的“限时秒杀”,快闪群更能塑造秒杀的氛围。在大多数消费场景中,如果1对1顾问式服务引导用户转化,那么人工、时间成本将会很高。所以一对多,能够一次性批量成交的运营手段越来越广泛的被商家使用,比如直播、快闪群之类的。快闪群,即超短时间的团购秒杀群。以小时为单位,在社群内通过短期的优惠刺激,利用人们的从众心理、稀缺效应以及紧迫感,达到快速出单,批量成交的目的。一般适用于决策成本低、产品服务相对标准化的零售企业、平台型电商,或线下实体门店。相比于朋友圈、APP里所谓的“限时秒杀”,

    2022年5月18日
  • vim命令大全(转)[通俗易懂]

    vim命令大全(转)[通俗易懂]命令历史以:和/开头的命令都有历史纪录,可以首先键入:或/然后按上下箭头来选择某个历史命令。启动vim在命令行窗口中输入以下命令即可vim直接启动vimvimfilename打开vim并创建名为filename的文件文件命令打开单个文件vimfile同时打开多个文件vimfile1file2file3…在vim窗口中打开一个…

    2022年5月30日
  • pycharm2021.8.2激活码_最新在线免费激活

    (pycharm2021.8.2激活码)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.htmlS32PGH0SQB-eyJsaWNlbnNlSWQi…

    2022年3月25日
  • mse均方误差例题_误差函数计算器

    mse均方误差例题_误差函数计算器文章目录背景函数代码调用方法调用测试函数背景本人最近需要写多个仿真,需要大量用到MSE(均方误差)计算,于是干脆将MSE运算封装为函数,后续使用直接进行调用即可。函数代码%Project:均方误差函数%Author:Jace%Data:2021/11/01%====================函数体====================function[MSE]=MSE(Dim,Step,N,xkf,x)%====================分配空间=======

    2022年9月30日

发表回复

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

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