700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html5鼠标右键事件 js鼠标右键点击事件

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

时间:2018-11-05 13:47:22

相关推荐

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

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

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

示例1:

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

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

returnfalse;//阻止右键弹窗

};

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

示例2:

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

varnav=document.getElementById('nav');

nav.oncontextmenu=function(e){

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

returnfalse;//阻止右键弹窗

};

jq监听鼠标右击事件

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

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

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

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

if(3==e.which){

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

}

if(1==e.which){

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

}

returnfalse;

});

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

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

if(3==e.which){

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

}

returnfalse;

});

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。