在任何元素從dom中刪除後觸摸移動事件停止觸發

Question

在觸摸設備上，例如iPad（或移動emulaton模式在chrome中）。當在身體上跟蹤touchmove事件並從身體停止觸發事件中移除一個元素（在其上啓動touchstart時）touchmove。

我做了一個例如：http://jsbin.com/yinodosuxo/1/edit?js,console,output

有沒有什麼辦法讓touchmove繼續工作的子元素被刪除後也？

Answer 1

我通過緩存元素解決了這個問題，直到發出touchend事件。 觸發touchstart事件的視圖的僞代碼如下所示：

view.remove = function() { 
    if (didViewStartTouchEvents) { 
    var _this = this; 
    this.hideElement(); // display: none, opacity: 0, etc 
    elementCache.appendChild(this); //append this element to some other place like body. Not needed but might be handy depending on situation 
    document.body.addEventListener('touchend', function() { 
     _this.didViewStartTouchEvents = false; 
     _this.remove(); 
    }); 
    } else { 
    // regular remove & cleanup 
    } 
}