js拖動彈框在頁面移動，不出屏幕邊界

之前實現這個效果的時候，用的是easyUI框架，但是這個框架有一個缺陷就是拖動元素的時候會移出瀏覽器的邊界，因此考慮到用原生的js代碼來實現這個效果： 如上圖所示： 鼠標按下的時候，獲取彈框的距離左邊和上班的偏移量，，獲取鼠標點擊的位置； 鼠標移動的時候，設置彈框left和top的偏移量； 鼠標停止的時候，鼠標移動事件和鼠標停止事件都取消掉； 這樣，就可以拖動彈框而不出瀏覽器的邊緣位置了。。。。

>>阅读原文<<