html5鼠标右键事件,js鼠标右键点击事件

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

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

示例1：

document.oncontextmenu = function (e) { //整个页面的js事件

alert('这是鼠标点击事件！');

return false; //阻止右键弹窗

};

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

示例2：

只有右击这里可以弹出对话框！

var nav = document.getElementById('nav');

nav.oncontextmenu = function (e) {

alert('这是鼠标点击事件！');

return false; //阻止右键弹窗

};

jq监听鼠标右击事件

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

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

只有右击这里可以弹出对话框！

$('#nav').mousedown(function (e) {

if (3 == e.which) {

alert('我是鼠标右击事件！');

}

if(1 == e.which){

alert('我是鼠标左击事件！');

}

return false;

});

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

$(document).mousedown(function (e) {

if (3 == e.which) {

alert('我是整个文档的鼠标右击事件！');

}

return false;

});

注意：e.which 值 如果为 1 则为鼠标的左击，如果为 2 则为鼠标中键，如果值为 3 则为鼠标右键！