你已經學習完了本案例課程,接下來編寫一段代碼,使得一個元素塊可以被拖動。效果如下圖所示:
根據右側代碼編輯中的第22行,26行和30行代碼的相關注釋,完成代碼的書寫及效果實現。
鼠標事件1
isDraging = true;
startX = e.pageX - this.offsetLeft ;
startY = e.pageY - this.offsetTop ;
鼠標事件2
if (isDraging) {
oDrag.style.left = ( e.pageX - startX ) + "px";
oDrag.style.top = ( e.pageY - startY ) + "px";
}
鼠標事件3
console.log('mouseup , isDraging = false');
isDraging = false;
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報