hi,欢迎访问本站!
当前位置: 首页Web前端正文

js/jq鼠标右击事件

墨初 Web前端 699阅读

看到某个博主的博客页面的鼠标右击菜单改成了自定义的,就想到js以及jq的鼠标右击事件,下面73so博客就详细的说一说。

js鼠标右击事件

例1:

整个网页的鼠标右击js事件。

document.oncontextmenu = function (e) {
    alert('我是鼠标的右击事件!');
    return false; //阻止浏览器的右击菜单
};

例2:

某个DIV元素的鼠标右击js事件。

<div id="mochu" style="width:200px;height:200px;"></div>
<script>
document.getElementById('mochu').oncontextmenu = function (e) {
    alert('我是鼠标的右击事件!');
    return false; //阻止浏览器的右击菜单
};
</script>

jquery鼠标右击事件的方法

例1:

整个网页的jq鼠标右击事件

$(function(){
    $(document).contextmenu(function(){
        alert('我是鼠标右击的信息!');
        return false;
    });
});

例2:

某个元素的jq鼠标右击事件。

<div id="mochu" style="width:200px;height:200px;border:1px solid red;"></div>
<script>
$(function(){
    $('#mochu').contextmenu(function(){
        alert('我是鼠标右击的信息!');
        return false;
    });
});
</script>
声明:无特别说明,转载请标明本文来源!