javascript touchend如果元素超過另一個

Question

混淆最佳方法來測量在touchend事件期間元素是否超過另一元素（可視化）。基本上，我正在實施一種觸控友好的拖放操作。

我在.elementFromPoint()和event.touches上看過一點點，但我不確定如何使用這些來衡量特定元素的邊界。像下面的東西。

.bind('touchend', function(e){ 

    e.preventDefault(); 

    /* IF (targ is within titles bounds) { append targ to titles} */ 
    if (titles == document.elementFromPoint(orig.touches[0].pageX,orig.touches[0].pageY)){ 

     titles.append(targ); 
    } 

    targ.removeClass('moving').removeAttr('style'); 
}); 

Answer 1

這似乎爲我無縫工作，不斷切換zindex對拖動的元素，所以你可以獲得下面的元素。

element.addEventListener('touchmove', touchMove, false); 

function touchMove(event) { 
    var x = event.targetTouches[0].clientX; 
    var y = event.targetTouches[0].clientY; 
    dragger.style.zIndex = -1; 
    var hoveredElement = document.elementFromPoint(x, y); 
    console.log(hoveredElement); 
    dragger.style.zIndex = options.draggerZIndex; 

} 

如果你可以忽略老的瀏覽器這個答案javascript - elementFromPoint select bottom element 作品也只是添加指針的事件：無