|
|
研究的過(guò)程中順便用jQuery實(shí)現(xiàn)了一個(gè)div的拖動(dòng)，代碼附于本文結(jié)尾。
實(shí)現(xiàn)的思路請(qǐng)參考我的可以拖動(dòng)的DIV（二）一文。
在參考jQuery中文網(wǎng)站中的例子時(shí)，我發(fā)現(xiàn)他們?cè)赿iv窗口標(biāo)題欄觸發(fā)click事件時(shí)，將div的位置移上了一些，而mouseup的事件注冊(cè)在整個(gè)div窗口上，這個(gè)思路讓我很受啟發(fā)，解決了鼠標(biāo)移動(dòng)很快而div不能跟上導(dǎo)致的錯(cuò)誤，非常好的解決辦法。
另外，請(qǐng)注意事件起泡，在jQuery以及任何實(shí)現(xiàn)div拖動(dòng)的js代碼中，事件起泡無(wú)疑都是要阻止的。
在jQuery 的bind或者unbind方法中，函數(shù)的返回值最好都用false，不信的話，可以試試true。
這個(gè)事件起泡的過(guò)程在一般代碼中我們用stopPropagation方法來(lái)阻止。
效果圖：
注意文中加載了jquery-1.2.6.js
復(fù)制代碼 代碼如下:
<script language="Javascript" type="text/Javascript" src="jquery-1.2.6.js"></script>
<style type="text/css">
<! 主站蜘蛛池模板： 禹城市| 通州市| 阿图什市| 壶关县| 马边| 仁寿县| 体育| 虞城县| 健康| 崇礼县| 元氏县| 苏州市| 安丘市| 西和县| 保定市| 改则县| 绩溪县| 荔波县| 申扎县| 江永县| 长顺县| 雅安市| 怀宁县| 乐业县| 泽州县| 侯马市| 崇阳县| 广宁县| 昆明市| 玛沁县| 柘荣县| 宜川县| 湛江市| 新乡县| 柘荣县| 陆河县| 昌宁县| 同德县| 胶州市| 临漳县| 安化县|