div 自定义拉宽_拖拽改变div宽、高



$(function () {

//绑定需要拖拽改变大小的元素对象

bindResize(document.getElementById('test'));

});

function bindResize(el) {

//初始化参数

var els = el.style,

//鼠标的 X 和 Y 轴坐标

x = y = 0;

//邪恶的食指

$(el).mousedown(function (e) {

//按下元素后，计算当前鼠标与对象计算后的坐标

x = e.clientX - el.offsetWidth, y = e.clientY - el.offsetHeight;

//在支持 setCapture 做些东东

el.setCapture ? (

//捕捉焦点

el.setCapture(),

//设置事件

el.onmousemove = function (ev) {

mouseMove(ev || event)

},

el.onmouseup = mouseUp

) : (

//绑定事件

$(document).bind("mousemove", mouseMove).bind("mouseup", mouseUp)

)

//防止默认事件发生

e.preventDefault()

});

//移动事件

function mo