用鼠標(biāo)拖動(dòng)一個(gè)元素，放到網(wǎng)頁(yè)的任意一個(gè)位置上，這是很常見的，例如很多博客模板版塊位置可以自己拖動(dòng)到相應(yīng)位置。

下面先寫一個(gè)簡(jiǎn)單的可以實(shí)現(xiàn)鼠標(biāo)拖動(dòng)的效果。

當(dāng)鼠標(biāo)按下的時(shí)候，記錄鼠標(biāo)當(dāng)前位置和元素左邊距離的差值。
當(dāng)鼠標(biāo)移動(dòng)的時(shí)候，給元素的位置賦值，就是鼠標(biāo)的位置，減去剛才的差值。
當(dāng)鼠標(biāo)放開的時(shí)候，給鼠標(biāo)移動(dòng)和鼠標(biāo)放開賦值null，讓它們不要再有任何動(dòng)作。

要點(diǎn)一：

要確定拖動(dòng)的時(shí)候鼠標(biāo)點(diǎn)在元素的位置，就是鼠標(biāo)位置減去元素的左邊距離。

要點(diǎn)二：

拖動(dòng)時(shí)元素的位置，鼠標(biāo)的當(dāng)前位置減去前面剛計(jì)算的值。

好了，上代碼：

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

javascript實(shí)現(xiàn)簡(jiǎn)單的鼠標(biāo)拖動(dòng)效果實(shí)例_javascript技巧

javascript實(shí)現(xiàn)簡(jiǎn)單的鼠標(biāo)拖動(dòng)效果實(shí)例_javascript技巧:本文實(shí)例講述了javascript實(shí)現(xiàn)簡(jiǎn)單的鼠標(biāo)拖動(dòng)效果。分享給大家供大家參考。具體分析如下： 用鼠標(biāo)拖動(dòng)一個(gè)元素，放到網(wǎng)頁(yè)的任意一個(gè)位置上，這是很常見的，例如很多博客模板版塊位置可以自己拖動(dòng)到相應(yīng)位置。 下面先寫一個(gè)簡(jiǎn)單的可以實(shí)現(xiàn)鼠標(biāo)拖動(dòng)的效果。 當(dāng)

推薦度：

點(diǎn)擊下載本文 文檔為doc格式