javascript鼠标右键点击事件

若要前行,就得离开你现在停留的地方。要有对自己纯粹而坚韧的标准,才可以跟着直觉和信念走去。自卑心最伤害自己,是最大的障碍。有时候阳光很好,有时候阳光很暗,这就是生活。
ZBlog站内搜索分析、优化插件

在网页中,js代码与jq代码都可以监听鼠标右键的点击事件,当然也可以阻止鼠标右击的系统菜单。具体的的实现代码可参考下面的博文!

JS监听鼠标右击事件的代码

示例1:

<script>
    document.oncontextmenu = function (e) { //整个页面的js事件
        alert('这是鼠标点击事件!');
        return false; //阻止右键弹窗
    };  
</script>

注意:代码中必须加入 return false; 代码来阻止右击菜单的弹出!

示例2:

<div id="nav">只有右击这里可以弹出对话框!</div>
<script>
    var nav = document.getElementById('nav');
    nav.oncontextmenu = function (e) {
        alert('这是鼠标点击事件!');
        return false; //阻止右键弹窗
    };  
</script>

jq监听鼠标右击事件

使用jquery代码可以更简单的实现监听鼠标右击事件!

示例1:jq单独监听某个元素的右击事件!

<div id="nav">只有右击这里可以弹出对话框!</div>
<script>
    $('#nav').mousedown(function (e) {
        if (3 == e.which) {
            alert('我是鼠标右击事件!');
        } 
        if(1 == e.which){
            alert('我是鼠标左击事件!');
        }
        return false;
    });
</script>

示例2:jq简单整个文档的右击事件。

<script>
    $(document).mousedown(function (e) {
        if (3 == e.which) {
            alert('我是整个文档的鼠标右击事件!');
        }
        return false;
    });
</script>

注意:e.which 值 如果为 1 则为鼠标的左击,如果为 2 则为鼠标中键,如果值为 3 则为鼠标右键!

本文javascript鼠标右键点击事件到此结束。书是知识的宝库;书是提高的阶梯;书是人类的高级营养品。我们能够经过读书学习获得很多的知识,从而提高自我的才能,使自我变得聪明起来。小编再次感谢大家对我们的支持!