div在一个区域拖动

<script>

    window.onload = function() {
        var oDiv = document.getElementById('div1');
        // var oParent = document.getElementById('app');
        var oParent = document.getElementsByClassName("el-main")[0];
        var sent = {
            l: 0,
            r: oParent.offsetWidth - oDiv.offsetWidth,
            t: 0,
            b: oParent.offsetHeight - oDiv.offsetHeight,
            n: 10
        }
        drag(oDiv, sent);
    }
    function drag(obj, sent) {
        var dmW = document.documentElement.clientWidth || document.body.clientWidth;
        var dmH = document.documentElement.clientHeight || document.body.clientHeight;
        var sent = sent || {};
        var l = sent.l || 0;
        var r = sent.r || dmW - obj.offsetWidth;
        var t = sent.t || 0;