Jquery如何禁止鼠标右键菜单

最新推荐文章于 2024-05-13 05:02:08 发布
最新推荐文章于 2024-05-13 05:02:08 发布
阅读量1.3k 收藏
点赞数
文章标签： javascript ViewUI

 jquery中使用contextmenu事件，如果返回true，则允许右键菜单；如果返回false，则禁止右键菜单

导入文件

<script type="text/javascript" src="jquery.min.js"></script>

js方法

<script>
    $(function(){
        //contextmenu事件返回false则屏蔽鼠标右键菜单
        $(document).bind("contextmenu",function(e){
                if($("#enabledRadio").prop("checked")){
                    return true;    
                }
                if($("#disabledRadio").prop("checked")){
                    return false;    
                }
            });
    })
</script>

html页面

  <div>
        <h3>JQuery屏蔽鼠标右键菜单</h3>
        <input type="radio" name="control" id="enabledRadio" checked="checked" />允许右键
        <input type="radio" name="control" id="disabledRadio" />禁止右键
    </div>

整体demo

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>屏蔽鼠标右键菜单</title>
</head>
<script type="text/javascript" src="jquery.min.js"></script>
<script>
    $(function(){
        //contextmenu事件返回false则屏蔽鼠标右键菜单
        $(document).bind("contextmenu",function(e){
                if($("#enabledRadio").prop("checked")){
                    return true;    
                }
                if($("#disabledRadio").prop("checked")){
                    return false;    
                }
            });
    })
</script>
<body>
    <div>
        <h3>JQuery屏蔽鼠标右键菜单</h3>
        <input type="radio" name="control" id="enabledRadio" checked="checked" />允许右键
        <input type="radio" name="control" id="disabledRadio" />禁止右键
    </div>
</body>
</html>

查看效果图

1）允许右键

2）禁止右键

 

weixin_34362875
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Jquery禁用鼠标右键，关闭键盘保存功能及F12
猿学
06-15 341
【代码】Jquery禁用鼠标右键，关闭键盘保存功能及F12。
基于jquery的禁用右键、文本选择功能、复制按键的实现代码
12-01
同时适合IE、firefox、谷歌浏览器下适用，经过筛选代码如下： 代码如下://禁用右键、文本选择功能、复制按键$(document).bind(“contextmenu”,function(){return false;});$(document).bind(“selectstart”,function(){return false;});$(document).keydown(function(){return key(arguments[0])}); //按键时提示警告function key(e){var keynum;if(window.event){keynum = e.ke
js禁止右键菜单代码、禁止复制粘贴代码
最新发布
2401_84150206的博客
05-13 544
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
jQuery禁止|禁用|屏蔽鼠标右键
飞扬的博客
02-16 1488
一，jQuery屏蔽鼠标右键：$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); });二，JS屏蔽鼠标右键：<script language="JavaScript"> document.oncontext
jQuery—— 禁止图片视频右键另存为
qq_53895518的博客
12-08 452
禁用右键、文本选择功能复制按键。
基于jquery的鼠标右键菜单插件
03-08
本主题聚焦于一个基于jQuery实现的鼠标右键菜单插件，该插件为开发者提供了一种灵活且易于定制的方式来添加自定义的右键上下文菜单到网页元素上。以下是对这个插件的详细解析。 ### 一、jQuery简介 jQuery是由John ...
jQuery鼠标右键点击菜单代码.zip
06-07
总结一下，"jQuery鼠标右键点击菜单代码.zip" 包含的可能是一个利用jQuery实现的自定义右键菜单功能。它通过监听`contextmenu`事件，阻止默认菜单，然后在鼠标点击位置显示一个可定制的菜单。这个例子展示了jQuery在...
jquery鼠标右键菜单多级导航代码
04-07
"jquery鼠标右键菜单多级导航代码"就是一个利用jQuery来增强用户交互的例子，它通过gizmoMenu js插件实现了一种鼠标右键点击时弹出的多级导航菜单。 首先，我们要理解jQuery的基本概念。jQuery是一个轻量级的...
jQuery鼠标右键菜单选择特效代码
03-20
《jQuery鼠标右键菜单选择特效代码详解》 在网页交互设计中，鼠标右键菜单往往被用于提供快捷操作，使得用户能更方便地与页面进行交互。jQuery作为一款广泛使用的JavaScript库，为开发者提供了丰富的功能，包括实现...
jQuery自定义鼠标右键弹出菜单代码
06-10
本示例中，我们将探讨如何使用jQuery实现一个自定义的鼠标右键弹出菜单功能，这与我们在电脑桌面上点击鼠标右键时看到的效果类似。 首先，`index.html`是网页的核心文件，它包含了HTML结构。为了实现这个功能，我们...
jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现
11-22
禁用鼠标右键菜单栏 $("body").bind("contextmenu", function(event) { return false; }); 禁用快捷键 $("body").bind("keydown",function(e){ e=window.event||e; //禁止空格键翻页 if(event.keyCode==32){ return false; } //屏蔽F5刷新键 if(event.keyCode==116){ e.keyCode = 0; //IE下需要设置为keyCode为false
jQuery禁止鼠标右键
weixin_30621711的博客
02-11 73
jQuery屏蔽鼠标右键： $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); ----------------------------------------------------...
【JQ】禁止右键点击事件
南朋友的博客
03-17 247
//禁用右键、文本选择功能、复制按键 $(document).bind("contextmenu",function(){return false;}); $(document).bind("selectstart",function(){return false;}); $(document).keydown(function(){return key(arguments[0])}...
javascript禁止鼠标右键--转了
weixin_30684743的博客
09-18 88
jQuery屏蔽鼠标右键： $(document).ready(function(){$(document).bind("contextmenu",function(e){returnfalse;});}); ------------------------------------------------------------------...
利用jquery实现的页面禁止右键
weixin_34235135的博客
09-28 163
jQuery禁止鼠标右键 (2010-08-22 20:21:35) 转载▼ 标签： jquery contextmenu it 分类： JQuery jQuery屏蔽鼠标右键： $(document).ready(function(){ $(document).bind("contextmenu",funct...
Jquery禁止鼠标右键菜单
乔的博客
06-22 674
$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); // 禁用了右键以后点击右键什么都么有了，用户体验总会觉得缺点什么，那么就在右键里面自定义一些小效果。 $(document).bind("contextmenu",function(e){ //在这里书写代码，构建个性右键化菜单 return false; }); // 还可以
jQuery实现禁止右键冒泡行为/默认事件，该方法比普通方法更有效
xiang979的博客
05-23 624
$(obj).mousedown(function(e){ if(e.button == 2){ $(this).bind("contextmenu", false); } }) 即可实现屏蔽右键默认行为。 我个人在实现时使用以下方式均无法实现禁用右键默认行为。 e.stopPropagation(); event.stopPropagation() 方法阻止事件冒泡到父元素，阻止任何父事件处理程序被执行 e.preventDefau...
深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制
leadn的博客
02-11 3043
我记得在刚开始接触动态HTML及JavaScript时就接触过关于鼠标右键屏蔽的脚本代码，当时这些代码很多会用在防止浏览者未经允许的复制网页上的文字或者其他内容，后来的实际应用证明这种做法是不符合用户体验的，而且破解的方法也有很多，比如我曾经写过一篇文章讲解如何解除网页禁止复制的办法。 由此可见，限制右键及复制是不明智的做法，但是今天我仍然要谈谈关于禁止网页复制、右键菜单的事儿，因为随着网页
JS禁止鼠标右键的两种方法
winkexin的博客
06-26 1293
方法2：执刀人自用方法，很多网站都是用的这种，可以单独写在JS文件里，方便后期修改。方法1：直接写在body上，如果你的项目后期不需要修改可以用这种，方便简单。
echarts右键菜单
09-02
然后，通过jQuery绑定鼠标右键事件，在事件回调函数中阻止浏览器的默认右键菜单弹出。 接着，在事件回调函数中设置右键菜单的位置，根据鼠标点击的位置进行定位，并将其显示出来。 同时，还需要添加一个点击画布的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值