基于jquery的鼠標拖動效果代碼_jquery
來源:懂視網
責編:小采
時間:2020-11-27 21:03:23
基于jquery的鼠標拖動效果代碼_jquery
基于jquery的鼠標拖動效果代碼_jquery:記得在之前的一個拖動層的隨筆中,我實現拖動,是用的一個布爾變量,判斷是否可以拖動某元素。 這兩天看了一些東西,發現不需要設這個布爾變量; 實現過程: 按下鼠標的時候,給文檔對象(當然也可以是別的DOM對象)的移動事件綁定一個處理函數,同時也給鼠標
導讀基于jquery的鼠標拖動效果代碼_jquery:記得在之前的一個拖動層的隨筆中,我實現拖動,是用的一個布爾變量,判斷是否可以拖動某元素。 這兩天看了一些東西,發現不需要設這個布爾變量; 實現過程: 按下鼠標的時候,給文檔對象(當然也可以是別的DOM對象)的移動事件綁定一個處理函數,同時也給鼠標

記得在之前的一個"拖動層"的隨筆中,我實現拖動,是用的一個布爾變量,判斷是否可以拖動某元素。
這兩天看了一些東西,發現不需要設這個布爾變量;
實現過程:
按下鼠標的時候,給文檔對象(當然也可以是別的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)
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
基于jquery的鼠標拖動效果代碼_jquery
基于jquery的鼠標拖動效果代碼_jquery:記得在之前的一個拖動層的隨筆中,我實現拖動,是用的一個布爾變量,判斷是否可以拖動某元素。 這兩天看了一些東西,發現不需要設這個布爾變量; 實現過程: 按下鼠標的時候,給文檔對象(當然也可以是別的DOM對象)的移動事件綁定一個處理函數,同時也給鼠標