原文链接: 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 区分鼠标左右键点击相关推荐

  1. java 左右键_js 区分鼠标左右键点击

    oncontextmenu  是右键事件 但是滚轮事件并没有获取到, 使用vue可以用middle获取 Title .box { width: 200px; height: 200px; backgr ...

  2. js屏蔽鼠标左右键和键盘按键功能

    1.禁止鼠标选中捕捉网页文字图片等元素 在<body>改为: < body οnmοusemοve="event.returnValue=false;"> ...

  3. 事件触发器区分鼠标左右键

    public void OnPointerClick(PointerEventData eventData){if (eventData.button == PointerEventData.Inpu ...

  4. php左键点改成左键点,window_win10怎么将鼠标左键设置为主键?win10鼠标左右键互换的技巧,当我们的鼠标使用一段时间之 - phpStudy...

    win10怎么将鼠标左键设置为主键?win10鼠标左右键互换的技巧 当我们的鼠标使用一段时间之后,会由于左键经常按压而导致老化或者损坏,而对于突然间的损坏,又没有其他可以替代的鼠标时候,就需要对鼠标左 ...

  5. linux下模仿用户左键,linux 鼠标左右键互换实现代码

    linux鼠标左右键互换脚本,作者今天, 使用 GNOME, 发现 Linux 也需要这些工具之一, 所以有了这个脚本.非常简单好用. lr="l" for id in `xinp ...

  6. (8)VTK 鼠标左右键控制模型旋转

    1. 前言 在一个项目中,需要用鼠标和键盘完成对模型旋转操作和移动操作. 实现中,对鼠标的操作虚函数进行了重写,完成左右键点击,对模型正负方向旋转. 2.代码 #include "InitI ...

  7. 戴记严选GM3323D 鼠标左右键失效 解决办法

    戴记严选 GM3323D 鼠标左右键失效原因分析 GM3323D软件下载 当你下载了驱动了并且使用2.4G连接鼠标时,当你修改RGB设置有几率导致左右键失效 请尝试用触摸板或者其他鼠标 重新点击修改R ...

  8. 转载:注册表修改--鼠标左右键菜单篇

    注册表修改--鼠标左右键菜单篇 加Apploc到右键中去: [HKEY_CLASSES_ROOT\exefile\shell\Apploc\command] 再修改其中的默认值为C:\windows\ ...

  9. linux 鼠标 反向,linux 鼠标左右键互换实现代码

    linux鼠标左右键互换脚本,作者今天, 使用 GNOME, 发现 Linux 也需要这些工具之一, 所以有了这个脚本.非常简单好用. lr="l" for id in `xinp ...

最新文章

  1. 企业级java springboot b2bc商城系统开源源码二次开发-(四)断路器(Hystrix)
  2. Android系统启动过程全解析
  3. 【学习笔记】《数据挖掘:理论与算法》CH3 从贝叶斯到决策树
  4. 添加元素的注意问题 复习 介绍 元素的创建 元素添加的方法 元素移除的方法
  5. inbox status and ServiceOrder Status
  6. command对象的ExecuteScalar方法
  7. 639 页《深度学习:Deep Learning》硬核课程 PPT 下载
  8. dom4j处理XML的一些经验
  9. 亲历漏洞研究最让人难受的地方:看到打补丁版本,才知漏洞一直近在眼前(详述)...
  10. 必须拉响恶性通胀的警报
  11. Qt网络(二)HTTP编程
  12. Firefox火狐浏览器优化加速about:config配置
  13. 手机端Alook浏览器手动抓取京东Cookie教程
  14. 苹果手机投影_智能投影机和手机无线同屏
  15. ## 投标人出具哪种检测机构的报告才具有法律效力?
  16. 网络传输前三层——物理层、数据链路层、网络层
  17. BZOJ 2277 strongbox (gcd)
  18. iview 如何去掉Carousel的指示器
  19. 关于强联通分量 的求法讨论
  20. [ oracle ] clinet安装与配置

热门文章

  1. python 的Chirp功能
  2. 服务器为什么进系统要按F1,电脑开机以后要按F1才能进入系统是为什么?
  3. lettuce学习笔记
  4. 投屏市场的挑战与发展趋势
  5. python安装后怎么编程-怎么查看python安装路径
  6. Redis中的乐观锁和悲观锁
  7. 调通sina33m下的ap6181版本(分色排版)V1.0
  8. MathType公式使用技巧汇总——Mathtype怎么在word中编辑公式?论文中公式有哪技巧?有哪些注意事项?论文中的公式怎么写?
  9. iPhonex系列手机底部适配
  10. Shell----Shell编程快速入门