javascript鼠标右击事件

1、屏蔽浏览器自带的默认弹出上下文菜单的contextmenu事件。

2、使用mouseup或者mousedown事件监控鼠标的右键，就可以形成鼠标右击的事件。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>鼠标右键单击事件</title><meta name="description" content=""><meta name="viewport" content="width=device-width, initial-scale=1"><style>.model{width: 100px;height: 100px;background: #f00;display: none;}</style></head><body><div id='btn1'><span>右键</span><div class="model">弹出框</div></div><script type="text/javascript">//阻止元素上本身的右键contextmenu事件document.getElementById('btn1').oncontextmenu=function(){return false}document.getElementById('btn1').onmouseup=function(e){if(e.button === 2){console.log("右键点击"); }}</script></body>
</html>

javascript鼠标右击事件相关推荐

html鼠标响应事件吗,学习JavaScript鼠标响应事件
本文为大家分享了一个简单的鼠标模拟案例,供大家参考,具体实现内容如下如何实现捕抓鼠标事件,当鼠标滑动时,获取当前鼠标的坐标,接着在一个透明区域里绑定捕抓的位移,这样就能在模拟的透明区域里实现鼠标滑动 ...
vue-tree-chart 组织架构-树形图-流程图(含鼠标右击事件)
基于 vue-tree-chart,生成项目效果预览,包含鼠标右击事件: vue-tree-chart:https://github.com/tower1229/Vue-Tree-Chart 大家可以 ...
JavaScript鼠标移动事件及案例
一.鼠标点击事件 1.onclick单击事件鼠标单击时事件处理函数 <input type="button" id="bt" value="点 ...
Javascript鼠标滚轮事件兼容写法
1.mousewheel事件(兼容opera,chrome,safari,IE) mousewheel事件对应的event对象包含一个wheelDelta属性.用户滚动鼠标滚轮时,wheelDelta ...
Javascript鼠标键盘事件
鼠标事件 click:单击 dblclick:双击 mousedown:鼠标按下 mouseup:鼠标抬起 mouseover:鼠标悬浮 mouseout:鼠标离开 mousemove:鼠标移动 mo ...
JavaScript 鼠标滚轮事件（实现导航栏上滚显示）
文章目录 detail与wheelDelta 上下滚动检测隐藏导航栏例子当在垂直方向滚动页面时就会触发 mousewheel 事件 detail与wheelDelta 判断鼠标滚轮滚动方向在各浏览 ...
点击按钮追加html代码,vue中如何点击按钮动态添加多个div，并给这些div附加上双击事件或者鼠标右击事件...
可以试试另一种方法,隐式创建Vue实例,比较适合封装成函数进行调用要挂载在到#app1的根实例: new Vue({ el: '#app1', template: ` 创建一个div `, meth ...
python鼠标选中事件_python对绑定事件的鼠标、按键的判断实例
当多个事件绑定了同一个命令,那么在命令内部根据不同的事件进行处理的时候,怎么确定哪个事件发生了呢,用下面的来检测,经过测试处理tab键和alt键不能识别,其他单个都能被识别. 还有个事件的type属性 ...
java响应鼠标滚轮事件_鼠标滚轮事件MouseWheel
其实在大多数浏览器(IE6, IE7, IE8, Opera 10+, Safari 5+,Chrome)中,都提供了 "mousewheel" 事件.但杯具的是 Firefox ...

javascript鼠标右击事件

javascript鼠标右击事件相关推荐

最新文章

热门文章