基于jquery的鼠標拖動效果代碼
更新時間：2012年05月30日 14:37:41 作者：
因為鼠標沒有拖動事件(按下鼠標并移動)，只有按下，抬起，移動
記得在之前的一個"拖動層"的隨筆中，我實現(xiàn)拖動，是用的一個布爾變量,判斷是否可以拖動某元素。
這兩天看了一些東西，發(fā)現(xiàn)不需要設這個布爾變量;
實現(xiàn)過程：
按下鼠標的時候，給文檔對象（當然也可以是別的DOM對象）的移動事件綁定一個處理函數(shù)，同時也給鼠標抬起時綁定一個解除的處理函數(shù)。
//按下鼠標并移動時(拖動)，調用的函數(shù)；
function startSelection(event){
……
}
//解除移動時的處理函數(shù)；
function cancelSelection() {
$(document).unbind('mousemove', startSelection).unbind('mouseup', cancelSelection);
}
//鼠標在按下時調用的函數(shù)
function imgMouseDown(event){
$(document).mousemove(startSelection).mouseup(cancelSelection);
}
$img.bind("mousedown",imgMouseDown)
這兩天看了一些東西，發(fā)現(xiàn)不需要設這個布爾變量;
實現(xiàn)過程：
按下鼠標的時候，給文檔對象（當然也可以是別的DOM對象）的移動事件綁定一個處理函數(shù)，同時也給鼠標抬起時綁定一個解除的處理函數(shù)。
復制代碼 代碼如下:
//按下鼠標并移動時(拖動)，調用的函數(shù)；
function startSelection(event){
……
}
//解除移動時的處理函數(shù)；
function cancelSelection() {
$(document).unbind('mousemove', startSelection).unbind('mouseup', cancelSelection);
}
//鼠標在按下時調用的函數(shù)
function imgMouseDown(event){
$(document).mousemove(startSelection).mouseup(cancelSelection);
}
$img.bind("mousedown",imgMouseDown)
相關文章
jquery插件jSignature實現(xiàn)手動簽名
在IE7~IE8這種不支持HTML5的瀏覽器上，是利用Flash嵌入的方式實現(xiàn)的簽名處理，在支持的HTML5的瀏覽器上默認采用canvas標簽處理簽名，可以生成 PNG格式、SVG格式的簽名圖片。非常適合在IPAD等移動客戶端上實現(xiàn)手寫簽名的，該插件基于JQuery2015-05-05
下面小編就為大家?guī)硪黄趆over的用法實例(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
關于hashchangebroker和statehashable的補充文檔
我覺得之前寫的兩篇隨筆有點不負責任，完全沒寫明白，補充了一份文檔（權且算是文檔吧=.=）2011-08-08
360全景就是視角超過人的正常視角的圖像，而我們這里說的全景特指水平視角360度，垂直視角180度的圖像。可以全景空間里進行切換，達到瀏覽各個不同場景360全景展示的目的。2015-03-03
jQuery選擇器源碼解讀（四）：tokenize方法的Expr.preFilter
這篇文章主要介紹了jQuery選擇器源碼解讀（四）：tokenize方法的Expr.preFilter,本文用詳細的注釋解讀了tokenize方法的Expr.preFilter的實現(xiàn)源碼,需要的朋友可以參考下2015-03-03
Json實現(xiàn)異步請求，效果即為，在輸入框中輸入相關文字，點擊提交，下方會自動將書寫的文字進行展示，無需跳轉其他頁面2014-10-10
jQuery實現(xiàn)鼠標響應式透明度漸變動畫效果示例
這篇文章主要介紹了jQuery實現(xiàn)鼠標響應式透明度漸變動畫效果,涉及jQuery事件響應及動態(tài)修改頁面元素屬性相關操作技巧,需要的朋友可以參考下2018-02-02
本次學習分為兩個文件的測試，第一個是基本動畫，第二個是滑動和透明動畫效果，分別如下2013-09-09
jQuery實現(xiàn)帶分組數(shù)據(jù)的Table表頭排序實例分析
這篇文章主要介紹了jQuery實現(xiàn)帶分組數(shù)據(jù)的Table表頭排序方法,結合實例形式較為詳細的分析了jQuery針對表頭的操作及元素遍歷排序相關實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
如何想讓頁面上兩個div中的滾動條(滑塊)同步運動該怎實現(xiàn)，具體代碼如下，感興趣的朋友可以參考下2013-08-08