1.視窗事件

window.onload是視窗（頁面）載入事件，當文件內容完全載入完成會觸發該事件（包括影象、指令碼檔案、CSS檔案等），就呼叫的處理函式。
注：有了window.onload就可以把JS程式碼寫到頁面元素的上方，因為onload是等頁面內容全部載入完畢，再去執行處理函式。

window.onload傳統註冊事件只能寫一次，如果有多個，會以最後一個window.onload為準。

2.拖拽事件

mousedown、mousemove和mouseup 拖著目標元素在頁面任意位置
如果要設定物體拖拽，那麼必須使用三個事件，並且這三個事件的使用順序不能顛倒。

1.onmousedown：滑鼠按下事件
2.onmousemove：滑鼠移動事件
3.onmouseup：滑鼠抬起事件

1、一定要絕對定位，脫離文件流才可以移動。

2、繫結拖拽的元素，移動和滑鼠鬆開後是對document的繫結，因為移動的是整個div。

3、點選：a= 獲取當前滑鼠座標、b =div距瀏覽器距離、c = 滑鼠在div內部距離=a-b。

移動：通過 a - c 建立滑鼠與div的關係，防止滑鼠超出div。

例子：