js笔记：物体碰撞

js笔记：物体碰撞

实现：两个宽度为100px的方块，拖动方块一与方块二发生碰撞时，方块二变色
布局：

 <div id="div1">11</div>
 <div id="div2">22</div>

div{
   
            width: 100px;
            height:100px;
        }
        #div1{
   
            background-color: blueviolet;
            left: 0;
            top: 0;
            position: absolute;
        }
        #div2{
   
            background-color: cadetblue;
            left: 200px;
            top: 300px;
            position: absolute;
        }

方法一：从判断碰到的区域

 window.onload = function(){
   
            var div1 = document.getElementById("div1");
            var div2 = document.getElementById("div2");

            div1.onmousedown = function(ev){
   
                var e = ev || window.event