偶写的dragdrop方法,可以很方便的实现拖拽操作

用到了jquery,函数原型如下:

js 代码

/*
 * @src handle element
 * @on_mousedown  function(handlingElement,x,y)
 * @on_mousemove  function(handlingElement,dx,dy,ddx,ddy,x,y);
 * x,y current x,y
 * dx,dy  delta x,y from mousedown
 * ddx,ddy delta x,y from last move
 */
function handleDrag(src,on_mousedown,on_mousemove){
...
}

 

例子:

js 代码

$("td").each(function(){
    var ow,oh;//记录第一次的宽度和高度
    handleDrag(this,
        function(src,x,y){
            ow=$(src).width();
            oh=$(src).height();
        },
        function(src,x,y,dx,dy,ddx,ddy){
            p=$(src);
            p.width(ow+dx);
            p.height(oh+dy);
    });
});

评论

2 楼 avi2 2007-11-13  

jquery有拖动到插件吧，没有必要自己再写吧

1 楼 jasongreen 2007-11-09  

多次拖拽，发现越来越慢，不知何故