jQuery自定义元素右键点击事件

最新推荐文章于 2023-08-29 14:07:43 发布

_成_

最新推荐文章于 2023-08-29 14:07:43 发布

阅读量1.2k

点赞数

分类专栏：前端文章标签： jquery

本文链接：https://blog.csdn.net/chenglinquan/article/details/77990779

版权

前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<head>
    <style type="text/css">
    div{
        font-size:20px;
    }
    </style>
    <script src="jquery-1.8.3.min.js"></script>
    <script>
    $(function() {
        //阻止浏览器默认右键点击事件
        /*document.oncontextmenu = function() {
            return false;
        }*/
        //某元素阻止右键点击事件
        $("div").bind("contextmenu", function(){
            return false;
        })
        $("div").mousedown(function(e) {
            console.log(e.which);
            //右键为3
            if (3 == e.which) {
                $(this).css({
                    "font-size": "-=2px"
                });
            } else if (1 == e.which) {
                //左键为1
                $(this).css({
                    "font-size": "+=3px"
                });
            }
        })
    })
    </script>
</head>

<body>
    <div>
        div
    </div>
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

_成_

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery自定义元素右键点击事件

div{ font-size:20px; } $(function() { //阻止浏览器默认右键点击事件 /*document.oncontextmenu = function() { return false; }*/ //某元素阻止右键点击事件
复制链接

扫一扫