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運行沖突的問題解決的詳細內容，更多請關注風君子博客其它相關文章！
總結
以上是生活随笔為你收集整理的jQuery关于鼠标事件mouseDown和doubleClick运行冲突的问题解决的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 华为p30尺寸规格
- 下一篇： 阿里资深技术专家：谁说程序员是吃“青春饭