js 区分鼠标左右键点击
原文链接: js 区分鼠标左右键点击
上一篇: netlify 部署 github page, 使用https域名
下一篇: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported [已解决]
oncontextmenu 是右键事件
但是滚轮事件并没有获取到, 使用vue可以用middle获取
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>.box {width: 200px;height: 200px;background: deepskyblue;}</style>
</head>
<body><div class="box" id="app"></div>
<script>let div = document.getElementById('app')div.oncontextmenu = function (e) {e.preventDefault();console.log('右键', e.button)};div.addEventListener('click', e => {if (e.button === 0)console.log('左键', e.button)if (e.button === 1)console.log('滑轮', e.button)console.log('e',e.button)})
</script>
</body>
</html>
vue中可以使用 prevent修饰符, 禁止默认行为
<div class="box" id="app"@click.left="left"@click.right.prevent="right"@click.middle="middle"
>
js 区分鼠标左右键点击相关推荐
- java 左右键_js 区分鼠标左右键点击
oncontextmenu 是右键事件 但是滚轮事件并没有获取到, 使用vue可以用middle获取 Title .box { width: 200px; height: 200px; backgr ...
- js屏蔽鼠标左右键和键盘按键功能
1.禁止鼠标选中捕捉网页文字图片等元素 在<body>改为: < body οnmοusemοve="event.returnValue=false;"> ...
- 事件触发器区分鼠标左右键
public void OnPointerClick(PointerEventData eventData){if (eventData.button == PointerEventData.Inpu ...
- php左键点改成左键点,window_win10怎么将鼠标左键设置为主键?win10鼠标左右键互换的技巧,当我们的鼠标使用一段时间之 - phpStudy...
win10怎么将鼠标左键设置为主键?win10鼠标左右键互换的技巧 当我们的鼠标使用一段时间之后,会由于左键经常按压而导致老化或者损坏,而对于突然间的损坏,又没有其他可以替代的鼠标时候,就需要对鼠标左 ...
- linux下模仿用户左键,linux 鼠标左右键互换实现代码
linux鼠标左右键互换脚本,作者今天, 使用 GNOME, 发现 Linux 也需要这些工具之一, 所以有了这个脚本.非常简单好用. lr="l" for id in `xinp ...
- (8)VTK 鼠标左右键控制模型旋转
1. 前言 在一个项目中,需要用鼠标和键盘完成对模型旋转操作和移动操作. 实现中,对鼠标的操作虚函数进行了重写,完成左右键点击,对模型正负方向旋转. 2.代码 #include "InitI ...
- 戴记严选GM3323D 鼠标左右键失效 解决办法
戴记严选 GM3323D 鼠标左右键失效原因分析 GM3323D软件下载 当你下载了驱动了并且使用2.4G连接鼠标时,当你修改RGB设置有几率导致左右键失效 请尝试用触摸板或者其他鼠标 重新点击修改R ...
- 转载:注册表修改--鼠标左右键菜单篇
注册表修改--鼠标左右键菜单篇 加Apploc到右键中去: [HKEY_CLASSES_ROOT\exefile\shell\Apploc\command] 再修改其中的默认值为C:\windows\ ...
- linux 鼠标 反向,linux 鼠标左右键互换实现代码
linux鼠标左右键互换脚本,作者今天, 使用 GNOME, 发现 Linux 也需要这些工具之一, 所以有了这个脚本.非常简单好用. lr="l" for id in `xinp ...
最新文章
- 企业级java springboot b2bc商城系统开源源码二次开发-(四)断路器(Hystrix)
- Android系统启动过程全解析
- 【学习笔记】《数据挖掘:理论与算法》CH3 从贝叶斯到决策树
- 添加元素的注意问题 复习 介绍 元素的创建 元素添加的方法 元素移除的方法
- inbox status and ServiceOrder Status
- command对象的ExecuteScalar方法
- 639 页《深度学习:Deep Learning》硬核课程 PPT 下载
- dom4j处理XML的一些经验
- 亲历漏洞研究最让人难受的地方:看到打补丁版本,才知漏洞一直近在眼前(详述)...
- 必须拉响恶性通胀的警报
- Qt网络(二)HTTP编程
- Firefox火狐浏览器优化加速about:config配置
- 手机端Alook浏览器手动抓取京东Cookie教程
- 苹果手机投影_智能投影机和手机无线同屏
- ## 投标人出具哪种检测机构的报告才具有法律效力?
- 网络传输前三层——物理层、数据链路层、网络层
- BZOJ 2277 strongbox (gcd)
- iview 如何去掉Carousel的指示器
- 关于强联通分量 的求法讨论
- [ oracle ] clinet安装与配置