|
|
研究的過程中順便用jQuery實現了一個div的拖動，代碼附于本文結尾。
實現的思路請參考我的可以拖動的DIV（二）一文。
在參考jQuery中文網站中的例子時，我發現他們在div窗口標題欄觸發click事件時，將div的位置移上了一些，而mouseup的事件注冊在整個div窗口上，這個思路讓我很受啟發，解決了鼠標移動很快而div不能跟上導致的錯誤，非常好的解決辦法。
另外，請注意事件起泡，在jQuery以及任何實現div拖動的js代碼中，事件起泡無疑都是要阻止的。
在jQuery 的bind或者unbind方法中，函數的返回值最好都用false，不信的話，可以試試true。
這個事件起泡的過程在一般代碼中我們用stopPropagation方法來阻止。
效果圖：
注意文中加載了jquery-1.2.6.js
復制代碼 代碼如下:
<script language="Javascript" type="text/Javascript" src="jquery-1.2.6.js"></script>
<style type="text/css">
<! 主站蜘蛛池模板： 绿春县| 淳安县| 潜山县| 富川| 富锦市| 弥勒县| 白沙| 潮州市| 蓬莱市| 宝清县| 白沙| 炉霍县| 吉林省| 五峰| 遵义县| 屯留县| 化州市| 开封县| 泸水县| 南郑县| 和静县| 江源县| 北京市| 长治县| 台南市| 托里县| 九台市| 禄劝| 九龙坡区| 中阳县| 小金县| 故城县| 赫章县| 镇宁| 永和县| 兰考县| 儋州市| 荃湾区| 聂拉木县| 淮北市| 佳木斯市|