jquery可拖拽触摸的DIV元素移动到另一个元素上触发事件代码

使用方法

        $('#div2').draggable({
            refreshPositions: true
        });

        function collision($div1, $div2) {
            var x1 = $div1.offset().left;
            var y1 = $div1.offset().top;
            var h1 = $div1.outerHeight(true);
            var w1 = $div1.outerWidth(true);
            var b1 = y1 + h1;
            var r1 = x1 + w1;
            var x2 = $div2.offset().left;
            var y2 = $div2.offset().top;
            var h2 = $div2.outerHeight(true);
            var w2 = $div2.outerWidth(true);
            var b2 = y2 + h2;
            var r2 = x2 + w2;
            if (b1 < y2 || y1 > b2 || r1 < x2 || x1 > r2) return false;
            return true;
        }

        setInterval(() => {
            if (collision($('#div1'),$('#div2')))
                $('#div1').text("接触了!!!")
            else $('#div1').text("没有接触")
        },50);