如何解决onclick与onmousedown,onmouseup的冲突，取消默认事件

onclick是点击，一个完整的点击动作由按下鼠标键onmousedown，和弹起鼠标键onmouseup完成，所以很多时候，onclick事件和onmousedown,onmouseup混用的时候会出现冲突。
如下案例：

    <script>document.onclick = function(e){console.log('onclick')}document.onmousedown = function(e){console.log('onmousedown')}document.onmouseup = function(e){console.log('onmouseup')}</script>

结果：

解决冲突

鼠标有左键，滑轮，和右键，他们在事件对象e.button 属性中分别为：
左键：0 | 滑轮：1 | 右键：2
而onclick事件只在左键起作用，onmousedown,onmouseup在滑轮和右键起作用，因此可以通过e.button的值来区分键位，在左键上不要onclick和onmousedown,onmouseup同时绑定冲突事件，onmousedown,onmouseup可以在滑轮或者右键绑定事件。

取消默认事件

拿鼠标右键菜单事件举例：

    <script>// 方式一：通过return falsedocument.oncontextmenu = function(){return false; }// 方式二：// 1.preventDefault() IE9以下不兼容document.oncontextmenu = function(e){e.preventDefault()}// 2.event.returnValue = false 兼容IEdocument.oncontextmenu = function(event){event.returnValue = false}</script>

取消后，点击鼠标右键不会弹出菜单。

如何解决onclick与onmousedown,onmouseup的冲突，取消默认事件相关推荐

转载-解决OnMouseDown OnMouseUp与OnClick事件的冲突问题
2019独角兽企业重金招聘Python工程师标准>>> 一般可以把OnClick认为是OnMouseDown和OnMouseUp的集合体.OnClick一般用于处理瞬间的点击效果,而 ...
iOS解决两个静态库的冲突 duplicate symbol
场景: 解决TencentOpenAPI.framework与ZbarSDK中 _base64_encode 函数的冲突后来在网络上搜寻,删除掉 Other Linker Flag 的 -all_l ...
解决jQuery和其它库的冲突
为什么80%的码农都做不了架构师?>>> 在jQuery库中,几乎所有的插件都被限制在它的命名空间里.全局的对象都很好地存储在jQuery命名空间里,因此当把jQuery和其它 ...
Intellij+maven：jar包冲突的解决方法(Hbase和Guava的冲突)
Intellij+maven:jar包冲突的解决方法(Hbase和Guava的冲突) 参考文章: (1)Intellij+maven:jar包冲突的解决方法(Hbase和Guava的冲突) (2)ht ...
[HTML] Google IE-x.js 解决IEx与W3C标准的冲突
如果分别用IE5.IE6.IE7浏览同一个网页,将可能出现不一样的效果. 这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致.为了解决这些错误和bug. 我们不得不找到一个能平衡于它们之间 ...
解决SVN提交和更新代码冲突？
解决SVN提交和更新代码冲突? 解决冲突有三种选择: 1.放弃自己的更新,使用svn revert(回滚),然后提交.在这种方式下不需要使用svn resolved(解决) 2.放弃自己的更新,使用别 ...
完美解决HALCON C#编程目标平台冲突问题
完美解决HALCON C#编程目标平台冲突问题参考文章: (1)完美解决HALCON C#编程目标平台冲突问题 (2)https://www.cnblogs.com/qqhfeng/p/664915 ...
DNS知识：解决DNS中MX与cname冲突问题 DNS拉平 cname智能加速
解决DNS中MX与cname冲突问题 DNS拉平 cname智能加速文章目录今天学到了关于DNS的知识感谢cr群中ah与熊良辰提供话题技术思路讨论环境: 解决方案:使用DNSPod实现DNS拉 ...
工作篇之解决谷歌地图与 NestedScrollView 滑动冲突
LZ-Says:情不知往矣,一往情深. 前言话说,前段时间被地图虐个半死,那酸爽程度,简直无与伦比. 一会儿,要翻墙:一会儿,网络不稳定,白屏了:一会儿,某些设备不支持 GMS 服务了. 怎一个无奈 ...

如何解决onclick与onmousedown,onmouseup的冲突，取消默认事件

解决冲突

取消默认事件

如何解决onclick与onmousedown,onmouseup的冲突，取消默认事件相关推荐

最新文章

热门文章