Javascript中的iOS touchUpOutside事件？

Question

是否有任何類似touchUpOutside是iOS的事件？ touchDragInside？ touchDragOutside？

任何類型的事件都是以一個元素上的觸發開始，但是被拖到元素的框架之外？

Answer 1

W3C定義了一個touchleave事件，但在我的實驗中，它尚未在Mobile Safari中實現。但是，您可以使用touchstart和touchmove事件的組合解決此：

window.addEventListener('load', function() { // on page load 

    var element; 
    document.addEventListener('touchstart', function(event) { 
     event.preventDefault(); 
     var touch = event.touches[0]; 
     element = document.elementFromPoint(touch.pageX,touch.pageY); 
    }, false); 

    document.addEventListener('touchmove', function(event) { 
     event.preventDefault(); 
     var touch = event.touches[0]; 
     if (element !== document.elementFromPoint(touch.pageX,touch.pageY)) { 
      var event = new CustomEvent("touchleave", { detail: { touches: event.touches, }, bubbles: false, cancelable: false }); 
      element.dispatchEvent(event); 
     } 
    }, false); 

}, false); 

您可以監聽的事件這樣的特定元素：

var box = document.getElementById('box'); 
box.addEventListener('touchleave', function(e) { 
    // Handle the touch leave event here 
}, false);