javascript实现鼠标拖动


jQuery #鼠标拖动2012-05-30 10:00
实现过程:

按下鼠标的时候,给文档对象(当然也可以是别的DOM对象)的移动事件绑定一个处理函数,同时也给鼠标抬起时绑定一个解除的处理函数。

//按下鼠标并移动时(拖动),调用的函数;
    function startSelection(event){
        ……
    }


//解除移动时的处理函数;
    function cancelSelection() {
        $(document).unbind('mousemove', startSelection).unbind('mouseup', cancelSelection);
  }

//鼠标在按下时调用的函数    
    function imgMouseDown(event){
        $(document).mousemove(startSelection).mouseup(cancelSelection);
    }

$img.bind("mousedown",imgMouseDown)


相关文章

粤ICP备11097351号-1