記得在之前的一個"拖動層"的隨筆中,我實現拖動,是用的一個布爾變量,判斷是否可以拖動某元素。
這兩天看了一些東西,發現不需要設這個布爾變量;
實現過程:
按下鼠標的時候,給文檔對象(當然也可以是別的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)