實現Div拖拽

直觀的理解div拖拽：當鼠標對着可拖拽部分按住後並拖動，div會跟着鼠標一塊兒運動，而且其運動空間限制在瀏覽器內部，當放開鼠標時，則div中止運動。

實現div拖拽須要三個重要的事件：

（1）onmousedown-鼠標按下事件

（2）onmousemove-鼠標移動事件

（3）onmouseup-鼠標擡起事件

當鼠標移出瀏覽器後再回到瀏覽器內部時，會丟失對div的控制，須要再次按下鼠標移動div，爲了改善這一小問題，代碼中使用了setCapture和releaseCapture。

其中，setCapture方法是用於監視鼠標操做事件，即便鼠標移出瀏覽器照樣可以捕捉到鼠標位置，當鼠標移回瀏覽器內部時，此時div依然跟隨着鼠標移動；固然，releaseCapture方法就是釋放對鼠標操做事件的監視。

須要注意的重點是div的座標問題，當鼠標按住div後移動，div要跟着鼠標時時改變位置座標。

效果展現