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 则为鼠标右键！

html5鼠标右键事件,js鼠标右键点击事件相关推荐

js追加html 有点击事件,js点击事件的多种写法
javascript 中的点击事件,可以通过多种不同的添加方式来实现.下面介绍三种 javascript 中添加点击事件的示例代码,个人可以根据自己的项目需要选择不同的实现方式. js添加点击事件的代 ...
Android：将鼠标右键点击事件设置为返回功能
Android:将鼠标右键点击事件设置为返回功能一.Android开发中类似box产品,一般鼠标右键都设置为返回键,那在哪里地方修改呢? 二.源码路径framework\native\service ...
Openlayers + Vue 实现自定义鼠标右键为改变视图角度事件
Openlayers + Vue 实现自定义鼠标右键为改变视图角度事件效果: 持续按下鼠标右键再拖动鼠标可以实现变换视图的角度 (openlayers的样式被我改了一下,看上去有点像ArcGIS A ...
UE4_UMG:ScrollBox 鼠标右键点击事件失效
使用场景在UMG中的UI树级结构如下: 生成的效果如下: 当BIM图层下的内容足够多的时候,ScrollBox会产生滚动条.产生滚动条之后,之前的鼠标右键事件失灵了. 无法呼出如下菜单,直接开寄. ...
JS点击事件和延迟处理
来自:https://zhidao.baidu.com/question/345470308.html Button的onTouch,onClick,onLongClick事件发生先后顺序和关联:一, ...
js 点击事件穿透 html,Js点击事件.html
Js点击事件 /*Reset css*/ body{font-family:"宋体";font-size:12px;background:#fff;color:#333;margi ...
PC端微信浏览器js点击事件失效
**电脑端微信浏览器js点击事件失效**前段时间发现开发的一个微信公众号上一个按钮的点击事件在手机上是正常的,电脑端手机微信里却不起作用.在网上找了好久都没有找到解决办法.后来查看其它的页面的同样的点 ...
JS点击事件的使用方法
JS点击事件的使用方法 <html lang="en"><head><meta charset="UTF-8"><me ...
很基本的js点击事件和jq点击事件的写法
js点击事件常用获取到id <div id="box">click</div> var btn=document.getElementById('box' ...
原生JS javascript解除绑定事件 JS删除绑定事件
原生JS javascript解除绑定事件 JS删除绑定事件一.直接删除法 1.适用于直接绑定的事件,如: <h1 id="h1" onclick="_click ...

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

html5鼠标右键事件,js鼠标右键点击事件相关推荐

最新文章

热门文章