在网页中,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 则为鼠标右键!