拖拽改变宽高

来源：互联网发布：域名备案号解析ip 编辑：程序博客网时间：2024/04/29 17:55
/** * Created by Spades-k on 2016/8/17. */define('h5/js/page/dragFn', [    'jquery'],function($){    //要改变的div,拖拽的边，    var dragBox=function(oParent, handle, isLeft, isTop, lockX, lockY)    {        var oParent=document.getElementById(oParent),            handle=document.getElementById(handle),            dragMinWidth = 250,            dragMinHeight = 124;        handle.onmousedown = function (event)        {            var event = event || window.event;            var disX = event.clientX - handle.offsetLeft;            var disY = event.clientY - handle.offsetTop;            var iParentTop = oParent.offsetTop;            var iParentLeft = oParent.offsetLeft;            var iParentWidth = oParent.offsetWidth;            var iParentHeight = oParent.offsetHeight;            document.onmousemove = function (event)            {                var event = event || window.event;                var iL = event.clientX - disX;                var iT = event.clientY - disY;                var maxW = document.documentElement.clientWidth - oParent.offsetLeft - 2;                var maxH = document.documentElement.clientHeight - oParent.offsetTop - 2;                var iW = isLeft ? iParentWidth - iL : handle.offsetWidth + iL;                var iH = isTop ? iParentHeight - iT : handle.offsetHeight + iT;                isLeft && (oParent.style.left = iParentLeft + iL + "px");                isTop && (oParent.style.top = iParentTop + iT + "px");                iW < dragMinWidth && (iW = dragMinWidth);                iW > maxW && (iW = maxW);                lockX || (oParent.style.width = iW + "px");                iH < dragMinHeight && (iH = dragMinHeight);                iH > maxH && (iH = maxH);                lockY || (oParent.style.height = iH + "px");                if((isLeft && iW == dragMinWidth) || (isTop && iH == dragMinHeight)) document.onmousemove = null;                return false;            };            document.onmouseup = function ()            {                document.onmousemove = null;                document.onmouseup = null;            };            return false;        }    }    return {dragBox:dragBox};})
0 0