实战题，鼠标拖拽效果教程-慕课网

来帮同学解答一个问题

资料下载不了

+30经验 +1积分

去回答

第1章案例效果展示及原理分析
视频：1-1 效果展示及原理分析(02:03)

实战题

学习完《拖动范围限定》视频内容后，来检验一下吧！在右侧的编辑器中补全本部分内容的相应代码！这里有两个任务需要完成。

任务

任务1：请在右侧编辑器的第196行补充完整拖动范围限定功能中，计算x轴最大值 maxX 的代码

任务2：请在右侧编辑器的第199行补充完整拖动范围限定功能中，保证x轴最小值为0的计算代码

温馨提示：完成的任务要与要求的代码效果相一致才可以通过本次测试，否则就再看一遍视频哦！

?不会了怎么办: 任务1提示：pageWidth - dialogWidth;

任务2提示：使用Math.max()函数

index.html

1
<!DOCTYPE html
    >
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

提交

自动运行

重置代码

全屏

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

问答
评论
笔记
资料下载
代码

全部精华我要发布

demo

最新回答 / ylbisno1

不知道你想说什么

1 回答 998 浏览

2016-08-23

g('dialogTitle').addEventListener('mousedown',function(e){……}
可以写成g('dialogTitle').onmousedown=function(e){……}吗？

最新回答 / Thinker_Ac

可以的，老师讲的是DOM2级事件，你这样写是DOM0级事件。不过老师的写的不兼容IE

1 回答 982 浏览

2016-08-23

ok了

+ 我来回答回答最高可+2积分

0 回答 823 浏览

2014-08-02

全部我要发布

最热最新

只看我的

源码立即下载

6-3 实战题

实战题

任务

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

demo

g('dialogTitle').addEventListener('mousedown',function(e){……}
可以写成g('dialogTitle').onmousedown=function(e){……}吗？

ok了

推荐课程

推荐路线系统化学习，打造阶梯学习模式

手记推荐

6-3 实战题

热搜

最近搜索清空

实战题

任务

提问题

其他问答

写笔记

您还未绑定服务号

收藏课程后，能更快找到我哦～

demo

g('dialogTitle').addEventListener('mousedown',function(e){……}可以写成g('dialogTitle').onmousedown=function(e){……}吗？

ok了

推荐课程

推荐路线系统化学习，打造阶梯学习模式

相关课程

手记推荐

账号登录 验证码登录

g('dialogTitle').addEventListener('mousedown',function(e){……}
可以写成g('dialogTitle').onmousedown=function(e){……}吗？

账号登录验证码登录