如何覆盖* only *左键单击锚点?

杰恩

我知道我可以event.preventDefault()用来阻止链接被关注。但是我只想阻止对纯左键单击或轻触的默认操作。shift-左键单击,ctrl-左键单击,右键单击和中键单击均应执行默认操作。

如何检测普通的左键单击或触摸点击?

阿伦·P·约翰尼(Arun P Johny)

您可以检查MouseEvent属性,例如buttonaltKeyshiftKeyctrlKey来执行此操作

document.getElementById('test').addEventListener('click', function(event) {
  snippet.log('button: ' + event.button);
  snippet.log('ctrlKey: ' + event.ctrlKey);
  snippet.log('shiftKey : ' + event.shiftKey);
  snippet.log('altKey : ' + event.altKey);

  if (event.button == 0 && !event.ctrlKey && !event.shiftKey && !event.altKey) {
    event.preventDefault();
  }
})
<!-- Provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>
<a id="test" href="http://stackoverflow.com/">test</a>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

单击锚点时如何停止悬停?

来自分类Dev

单击锚点后如何提醒标签

来自分类Dev

如何更改锚点外观并保持它直到单击另一个锚点

来自分类Dev

在Blazor中单击锚点后如何更新HREF?

来自分类Dev

单击其锚点时如何更改工具提示?

来自分类Dev

如何使用addClass和removeClass相同的锚点和div ..锚点单击addClass并激活addClass项

来自分类Dev

如何使用addClass和removeClass相同的锚点和div ..锚点单击addClass并激活addClass项

来自分类Dev

如何检测右键单击+左键单击

来自分类Dev

如何在带有参数的锚点单击上调用引导模式对话框

来自分类Dev

如何使用webdriver.io单击网页上的所有锚点元素

来自分类Dev

如何避免锚点(<a> </a>)标签单击时刷新页面?

来自分类Dev

单击锚点时,如何定位没有任何UL的LI

来自分类Dev

当我单击列表内的锚点时,如何让我的父母成为父母

来自分类Dev

如何在锚点单击事件中调用ac#函数

来自分类Dev

单击父div时如何在锚点上触发click事件

来自分类Dev

如何在单击锚点标记的angular 2中获取特定父元素的类?

来自分类Dev

如何使用 jQuery 在单击锚点时关闭所有 toastr 消息?

来自分类Dev

如何在左键单击上显示QMenu

来自分类Dev

在包装上进行触摸和鼠标拖动事件时,如何防止锚点上的单击事件

来自分类Dev

OpenCV:存储鼠标左键单击的点的坐标

来自分类Dev

Java HtmlUnit单击锚点

来自分类Dev

Java HtmlUnit单击锚点

来自分类Dev

如何通过单击页面来关闭覆盖

来自分类Dev

如何定位覆盖列表项和无序列表中的最后一个锚点元素

来自分类Dev

覆盖角度ui-router以链接到页面锚点

来自分类Dev

禁用/覆盖Safari中来自popstate事件的锚点跳转

来自分类Dev

程序约束-使用布局锚点覆盖整个Superview

来自分类Dev

左键单击原始图像时如何设置要执行的操作?

来自分类Dev

如何在编辑控件上获得左键单击通知?

Related 相关文章

  1. 1

    单击锚点时如何停止悬停?

  2. 2

    单击锚点后如何提醒标签

  3. 3

    如何更改锚点外观并保持它直到单击另一个锚点

  4. 4

    在Blazor中单击锚点后如何更新HREF?

  5. 5

    单击其锚点时如何更改工具提示?

  6. 6

    如何使用addClass和removeClass相同的锚点和div ..锚点单击addClass并激活addClass项

  7. 7

    如何使用addClass和removeClass相同的锚点和div ..锚点单击addClass并激活addClass项

  8. 8

    如何检测右键单击+左键单击

  9. 9

    如何在带有参数的锚点单击上调用引导模式对话框

  10. 10

    如何使用webdriver.io单击网页上的所有锚点元素

  11. 11

    如何避免锚点(<a> </a>)标签单击时刷新页面?

  12. 12

    单击锚点时,如何定位没有任何UL的LI

  13. 13

    当我单击列表内的锚点时,如何让我的父母成为父母

  14. 14

    如何在锚点单击事件中调用ac#函数

  15. 15

    单击父div时如何在锚点上触发click事件

  16. 16

    如何在单击锚点标记的angular 2中获取特定父元素的类?

  17. 17

    如何使用 jQuery 在单击锚点时关闭所有 toastr 消息?

  18. 18

    如何在左键单击上显示QMenu

  19. 19

    在包装上进行触摸和鼠标拖动事件时,如何防止锚点上的单击事件

  20. 20

    OpenCV:存储鼠标左键单击的点的坐标

  21. 21

    Java HtmlUnit单击锚点

  22. 22

    Java HtmlUnit单击锚点

  23. 23

    如何通过单击页面来关闭覆盖

  24. 24

    如何定位覆盖列表项和无序列表中的最后一个锚点元素

  25. 25

    覆盖角度ui-router以链接到页面锚点

  26. 26

    禁用/覆盖Safari中来自popstate事件的锚点跳转

  27. 27

    程序约束-使用布局锚点覆盖整个Superview

  28. 28

    左键单击原始图像时如何设置要执行的操作?

  29. 29

    如何在编辑控件上获得左键单击通知?

热门标签

归档