html5拖拽+碰撞,JS实现拖拽元素时与另一元素碰撞检测

本文给大家分享一个用原生JS实现拖拽元素时与另个一元素碰撞检测的小Demo，效果如下：

实现代码如下， 欢迎大家复制粘贴。

原生JS实现拖拽元素时与另个一元素碰撞检测

#div1 {

width: 100px;

height: 100px;

background: red;

position: absolute;

z-index: 2;

}

#div2 {

width: 100px;

height: 100px;

background: yellow;

position: absolute;

left: 230px;

top: 220px;

z-index: 1;

}

window.onload = function () {

var oDiv = document.getElementById('div1');

var oDiv2 = document.getElementById('div2');

// 鼠标按下时

oDiv.onmousedown = function (ev) {

var oEvent = ev || event;

var disX = oEvent.clie