今天簡(jiǎn)單說(shuō)一下怎么用JS實(shí)現(xiàn)拖拽碰撞檢測(cè)
首先創(chuàng)建兩個(gè)div，讓其兩個(gè)相距一定的距離蝙斜，body內(nèi)容如下：
css樣式如下：
效果如下：
搞定之后再在javascript中寫(xiě)入相對(duì)應(yīng)的代碼 ：
首先要先獲取wrap舅锄，紅色div,藍(lán)色div,代碼如下：
第二 要讓紅色div 通過(guò)摁下移動(dòng)事件讓紅色div移動(dòng)薄翅，且不能超過(guò)wrap
代碼如下
效果如下：
上面顯示的圖 ?是不管red的div不管怎么運(yùn)動(dòng)都跑不出wrap外面去
然后下面就是red的div和blue的div碰撞發(fā)生顏色改變 ? 這樣就可以完成檢測(cè)效果饥瓷，添加代碼如下伙狐，當(dāng)然是在wrap.onmousemove內(nèi)添加判斷
代碼如下：
首先獲取紅色div和藍(lán)色div的上下左右的位置
然后判斷代碼：
然后效果圖如下：
離開(kāi)后藍(lán)色div變?yōu)橐郧暗念伾?/p>
好了 涮毫，今天就寫(xiě)到這里 ，多謝贷屎；
