|
|
研究的過程中順便用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">
<! 主站蜘蛛池模板： 公安县| 阿荣旗| 彰化县| 枝江市| 甘孜县| 教育| 九江市| 澄迈县| 南昌市| 泰顺县| 乌兰察布市| 中牟县| 林州市| 托克逊县| 张家口市| 城固县| 什邡市| 碌曲县| 宁德市| 益阳市| 常德市| 中西区| 化隆| 大洼县| 雅安市| 古浪县| 城市| 南川市| 平乐县| 南岸区| 郴州市| 辽源市| 腾冲县| 靖西县| 台湾省| 连城县| 临安市| 临湘市| 定陶县| 孙吴县| 阳信县|