Javascript 如何知道触摸何时从一个div滑向另一个div？

我正在使用jquery开发一个移动应用程序，需要用户能够触摸并按住一个div，然后滑到另一个div。我不知道如何使第二个div注册为触摸现在在它上面

例如，当有人触摸并握住div 4，然后滑入div 1、3、5或7时，我希望能够知道他们滑入了哪个div，并改变有关该div的内容

以下是我到目前为止所掌握的一些资料：

以下是我目前掌握的代码：

html:

js:

---

感谢您的帮助。

您可以使用flag on来检查用户是否正在滑动

游戏方块。您可以通过
touchmove
事件在
上看到实现。
<div class="game-container">
    <div class="game-square" id="0" ></div>
    <div class="game-square" id="1" ></div>
    <div class="game-square" id="2" ></div>
    <div class="game-square" id="3" ></div>
    <div class="game-square" id="4" ></div>
    <div class="game-square" id="5" ></div>
    <div class="game-square" id="6" ></div>
    <div class="game-square" id="7" ></div>
    <div class="game-square" id="8" ></div>
</div>

.game-container {
    width:300px;
    height:300px;
}
.game-square {
    width:100px;
    height:100px;
    float:left;
    /* inside border */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #222;
    position: relative;
}

var divs = $('.game-square');

$('.game-square').bind('touchstart', function(){    
    var thisDiv = document.getElementById($(this).attr('id'));

    thisDiv.style.backgroundColor = '#FFB395';
});

$('.game-square').bind('touchend', function(){
    var thisDiv = document.getElementById($(this).attr('id'));

    thisDiv.style.backgroundColor = '#ADE8AF';
});