首先,簡單設置了一個div 設置id值為as ,如下
樣式方面,關鍵得設置為相對定位,position: absolute;
得得到div的id值,
要實現拖動效果,就得實現三個鼠标關鍵點
//鼠标事件1 -在div按下(要計算鼠标相對拖動元素的左上角的坐标,并且标記元素為可拖動)
鼠标事件2 -鼠标移動時(要檢測,元素是否為可标記移動,如果是,則更新元素的位置,到當前鼠的位置(ps:要減去第一步中獲得的偏移))
鼠标事件3:就相對簡單了。就是鼠标松開時 标記元素為不可拖動狀态,代碼如下
水平有限,如有不足,敬請諒解!
隻是想借這樣的機會,提升自己 !謝謝。
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!