你已经学习完了本案例课程,接下来编写一段代码,使得一个元素块可以被拖动。效果如下图所示:
根据右侧代码编辑中的第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 可将课程添加到书签
举报