首先,现在有一个需求是在一个对象上监听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运行冲突的问题解决的详细内容。