专栏首页编程微刊网页里如何使用js屏蔽鼠标右击事件

网页里如何使用js屏蔽鼠标右击事件

图片.png

在后台管理系统里面,遇到了这样的一个问题,右击ztree菜单,弹出修改界面,但是,现在确实这样的,右击默认弹出功能提示的框框,看上去似乎很影响自己想要的功能,只能禁用了,那么,网页里如何禁用右击事件?使用jQuery,几句代码就可以搞定了

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

简单示例: js实现:

<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="UTF-8">
        <title>鼠标右键事件</title>
    
    </head>
 
    <body>
 
        <p id="tar">这里是一些内容
            <menu id="menu">
                <ul>
                    <li>王小婷</li>
                    <li>祈澈菇凉</li>
                    <li>安安安安</li>
                </ul>
            </menu>
        </p>

    </body>
 <script>
    document.oncontextmenu = function(){return false;}
 </script>
</html>

jQuery实现:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>鼠标右键事件</title>
    <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
    </head>
    <body>
        <p id="tar">这里是一些内容
            <menu id="menu">
                <ul>
                    <li>王小婷</li>
                    <li>祈澈菇凉</li>
                    <li>安安安安</li>
                </ul>
            </menu>
        </p>
    </body>
 <script>

//阻止鼠标右键事件

$(document).ready(function(){
    $(document).bind("contextmenu",function(e){
          return false;
    });
});

 </script>
</html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • jQuery实现一个穿梭框

    需求:点击选中左侧内容,把左侧的内容放到右侧的框里面,可以一次放入一个,也可以一次放入多个或者全部,同样,右侧也一样。

    祈澈菇凉
  • jQuery实现从一个页面跳转到另一个页面的指定tab选项卡

    最近事情比较多,小婷已经没有足够的时间去学习新的知识点,就写一写简单的东西吧,这些还是从前学习前端的时候留下的课堂的笔记,那个时候喜欢记笔记,觉得总是有用的上的...

    祈澈菇凉
  • jQuery文档对象模型DOM的实际应用

    DOM 在 JavaScript 课程中我们详细的探讨过,它是一种文档对象模型。方便开发者对 HTML 结构元素内容进行展示和修改。在 JavaScript 中...

    祈澈菇凉
  • JQuery高级

    列一个变量,存储正则规则,用这个变量去test某个数据-----匹配True和不匹配False

    小闫同学啊
  • jquery 事件委托 - delegate()

    事件委托就是利用冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操作,事件委托首先可以极大减少事件绑定次数,提高性能;其次可以让新加入的子元素也...

    Devops海洋的渔夫
  • js 为 li 循环添加 class

    前段时间有个小伙伴想在新闻列表页面的 ul 里面为每个 class 循环添加带 1  2  3  4的 class,正巧昨天做一个站也用到了类似 for 循环,...

    Savalone
  • 第3章 排列清单控制标记

    排列清单控制标记可以创建一般的列表、编号列表或加着重号列表,以及定义列表。还可以在一种列表中嵌套另外一种列表。对于概况因特网上的内容,列表特别重要。

    py3study
  • <li>标签

    <li> 标签定义列表,<li> 元素通常与有序列表 (<ol>) 和无序列表 (<ul>) 一起运用。

    Html5知典
  • Pug迭代

    听着music睡
  • li、img等元素设置inline-block后的空白间距问题

    关于使用 inline-block 来代替 float 的讨论也挺多的,最常见的就是使用 inline-block 来代替 float 进行布局。

    德顺

扫码关注云+社区

领取腾讯云代金券