博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
转载-解决OnMouseDown OnMouseUp与OnClick事件的冲突问题
阅读量:6896 次
发布时间:2019-06-27

本文共 964 字,大约阅读时间需要 3 分钟。

hot3.png

一般可以把OnClick认为是OnMouseDown和OnMouseUp的集合体。OnClick一般用于处理瞬间的点击效果,而OnMouseDown和OnMouseUp主要用于处理一些之间有时间间隔的效果,比如说鼠标拖拽停放的效果。

冲突场景:

      如果一个对象身上既有OnClick,又需要有OnMouseDown和OnMouseUp。如果点击这个对象,这三个对象同时触发。如果我们仅仅想要单机效果,但不巧的是,他把OnMouseDown和OnMouseUp也给触发了,而我根本就不想触发OnMouseDown和OnMouseUp。

解决方案:

       用setTimeout异步的调用OnMouseDown中的,间隔时间为200ms。

如果Down和Up之间时间

                1)  >200ms,调用OnMouseDown和OnMouseUp

                2)  <=200ms,调用Click事件

代码:(以Jquery代码为例)

var mouseDownAndUpTimer = null;    var onMouseDownFlag = false;    $(element).click(function(){        // click code in here    });    $(element).MouseDown(function(){        onMouseDownFlag = false;        mouseDownAndUpTimer = setTimeout(function(){            // OnMouseDown Code in here            onMouseDownFlag = true;        },200);    }).MouseUp(function(){        if(onMouseDownFlag){            // OnMouseUp Code in here        }else{            clearTimeout(mouseDownAndUpTimer); // 清除延迟时间        }    });

转载于:https://my.oschina.net/ray1421/blog/649493

你可能感兴趣的文章
模仿墨迹天气-demo
查看>>
mysql基于日志点的复制步骤
查看>>
查看centos中的用户和用户组
查看>>
Elixir ABC 1
查看>>
ZeroSpeech
查看>>
Fiddler 调试手机应用
查看>>
常用的正则表达式
查看>>
Jstl 中<c:if test="${value=='0'}"> 不能做判断??
查看>>
python matplotlib及sklearn安装
查看>>
困惑2017?
查看>>
KOTree
查看>>
BlockAlertsAnd-ActionSheets
查看>>
开源 java CMS - FreeCMS2.5 标签formTable自定义表单
查看>>
FreeCMS视频教程 将FreeCMS导入myeclipse
查看>>
Android 8.0 SystemUI(一):图文并茂的介绍 :D
查看>>
1wifi 简介(框架)
查看>>
internet && intranet
查看>>
go get报错 error: RPC failed; result=56, HTTP code =
查看>>
串行(Sequential)、并发(Concurrent)、并行(parallel)与分布式
查看>>
JAVA NIO学习笔记之Channel(基础篇)
查看>>