javascript–滑鼠拖動

因為滑鼠沒有拖動事件(按下滑鼠並移動)，只有按下，抬起，移動。

記得在之前的一個"拖動層"的隨筆中，我實現拖動，是用的一個布爾變數,判斷是否可以拖動某元素。

這兩天看了一些東西，發現不需要設這個布爾變數;

 

實現過程：

按下滑鼠的時候，給文檔對象（當然也可以是別的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)