您好,欢迎访问一九零五行业门户网

jQuery关于鼠标事件mouseDown和doubleClick运行冲突的问题解决

首先,现在有一个需求是在一个对象上监听mousedown和mousedoubleclick事件,两种事件对应不同的解决方案,鼠标按下执行拖拽功能,鼠标双击是释放技能功能。但是问题来了,不管click几次,肯定是down先触发,不管如何都是down触发。
然后呢,我问了一高手,他说,可以推迟按下的处理函数,推迟200ms(因为大概在200ms内算双击),在这200ms内,有双击了,就先执行双击事件,并且要把原本双击事件的处理函数跟按下的处理函数一起写在mousedown里。我这样做了,还是出错。因为,即使推迟了执行按下的函数,可最终还是要执行按下的函数(就是先执行原来双击事件,在执行推迟200ms的按下函数)。
所以,问题就是:我怎么让down函数知道我到底执行的是拖拽还是释放呢?
我觉得这像死锁功能,一个功能执行完了,那在这个对象上的那个功能就不能执行了。啊啊啊,想的头都大了,还是想不出来!
大家虽然热心提供了方法,我也一一试了,但是还是解决不了我的需求,可能因为我没有把需求彻底说清楚吧,现在提供一张我自己总结的,这个问题可能的流程图:
其实也不一定是两两排斥的,因为毕竟市面上那么多页游的背包都是这样做的了···
给个思路:在up事件的处理函数中做下判断,如果鼠标还在背包,就弹出二级菜单,如果鼠标已经不在背包,就是拖拽操作。
doubleclickenabled = true;要双击的对象只有设置为true,才能侦听到鼠标双击事件,也才能将单击和双击事件区分出来,如果两次单击相隔时间很小,会被视为双击
看看这个有没有漏掉    
拖拽除了单击之外还有一个特征,即单击后鼠标出现移动。
满足如下条件即判断为“释放”:
有正在拖拽的物体,单击一次鼠标,在300ms内再单击一次鼠标,第二次单击时的位置与第一次单击时的位置相差不到5像素(手滑误差)
其它的行为,
根据是否已经有拖拽物来判定为
“拖拽”
或者
“无效操作”
你那位高手说的对啊,当得到mousedown后给一个延时,
200ms内得到第二个mousedown事件则是释放了,就取消延时后的拖拽事件
200ms后没收到第二个mousedown且也没收到mouseup事件那就拖拽呗;
而且不一定非要这么做啊
可以把对象细分下嘛,对象边框只响应拖拽事件,
对象中间只响应释放事件
或者把对象拖到界面外释放对象,什么的。。。
如果客户执着就没办法了    
package { import flash.display.sprite; import flash.events.event; import flash.events.mouseevent; /** * ... * @author 小松626 */ public class main extends sprite { private var _mc:sprite; private var date2time:number; private var date1:date; private var date1time:number; private var date2:date; public function main():void { if (stage) init(); else addeventlistener(event.added_to_stage, init); } private function init(e:event = null):void { removeeventlistener(event.added_to_stage, init); // entry point creatmc(); _mc.addeventlistener(mouseevent.mouse_down, dragmousedownhandler); } private function creatmc():void { _mc = new sprite(); _mc.graphics.beginfill(0xff0000); _mc.graphics.drawcircle(0, 0, 20); _mc.graphics.endfill(); addchild(_mc); _mc.x = 50; _mc.y = 50; } private function dragmousedownhandler(e:mouseevent):void { _mc.startdrag(false); date1 = new date(); date1time = date1.time; stage.addeventlistener(mouseevent.mouse_up, dragmouseuphandler); //鼠标抬起侦听事件 } /* * 鼠标抬起侦听事件函数 */ private function dragmouseuphandler(e:mouseevent):void { stage.removeeventlistener(mouseevent.mouse_up, dragmouseuphandler); //鼠标抬起侦听事件(移除) date2 = new date(); date2time = date2.time; if (date2time - date1time > 100) { _mc.stopdrag(); //停止拖拽 } else { _mc.doubleclickenabled = true; _mc.addeventlistener(mouseevent.double_click, mcdoubleclickhandler); } } private function mcdoubleclickhandler(e:mouseevent):void { trace("双击mc"); } } }
加一个true或false的判断,表示是否刚发生过双击。如果刚发生过双击(双击事件发生时,设其为true),200ms后就不执行原先的单机函数,只把那个变量重新设为flase。
以上就是jquery关于鼠标事件mousedown和doubleclick运行冲突的问题解决的详细内容。
其它类似信息

推荐信息