基於jquery的鼠標拖動效果代碼

記得在之前的一個"拖動層"的隨筆中,我實現拖動,是用的一個佈爾變量,判斷是否可以拖動某元素。
這兩天看瞭一些東西,發現不需要設這個佈爾變量;

實現過程:
按下鼠標的時候,給文檔對象(當然也可以是別的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)

發佈留言