javascript 事件控管問題?

您好,
  假設我有10個圖形要在網頁上能夠自由地被拖曳移動. 我試了兩種方法如下. 我想請問為何兩種方式在滑鼠拖曳圖片時的效能會差這麼多? 方法1的效能比方法2差許多, 不知問題出在哪? 請幫幫忙, 指教更精簡更有效率的做法. 謝謝!!
1. 設定好addEventHandler, 這10個圖形都去呼叫它, share同一個mousedown, mouseup, mousemove. 用target.addEventListener來觸發事件函式.
    problem: 滑鼠只能慢慢移動, 否則圖形來不及偵測mouseup而出現圖形亂飄(應該是因為mousemove的listener仍在作用).
    ----------------------------------------------------
    for(var i=0;i <GroupID02.childNodes.length;i++){
    if(GroupID02.childNodes[i].id){
    addEventHandler(GroupID02.childNodes[i],"mousedown",mousedown_listener);
    }
    }
    function addEventHandler(target, type, func) {
    if (target.addEventListener)
    target.addEventListener(type, func, true);
    else if (target.attachEvent)
    target.attachEvent("on" + type, func);
    else target["on"