为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 鼠标拖拽效果 问答

鼠标拖拽效果

Lyn Web前端工程师
查看讲师更多课程 Lyn讲师的其他课程
难度初级
时长34分
学习人数
综合评分9.67
100人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.5 逻辑清晰
全部 评论 问答 未解决 精华

<p>ok?</p>

+ 我来回答 回答最高可+2积分
1 回答 850 浏览 5-3 实战题
2014-08-07

<p>ok?</p>

+ 我来回答 回答最高可+2积分
2 回答 1034 浏览 4-3 实战题
2014-08-07

<p>怎么没有作用？</p>

最新回答 / Lyn_Tech
/*遮罩层的样式*/ .ui-mask{ width: 100%;height:100%; background:#000; position: absolute;top: 0px;height: 0px;z-index: 8000; opacity:0.4; filter: Alpha(opacity=40); }这块，height:0px; 所以遮罩的高度被重新定了。找问题的方法可以用 chrome 进行查看，然后审查元素，看下 mask div 块的样式。
1 回答 994 浏览 3-3 实战题
2014-08-07

<p>ok?</p>

+ 我来回答 回答最高可+2积分
0 回答 887 浏览 2-3 实战题
2014-08-07

<p>ok了</p>

+ 我来回答 回答最高可+2积分
2 回答 858 浏览 8-2 综合实战题
2014-08-02

<p>ok了</p>

+ 我来回答 回答最高可+2积分
0 回答 862 浏览 7-3 实战题
2014-08-02

<p>ok了</p>

+ 我来回答 回答最高可+2积分
0 回答 870 浏览 6-3 实战题
2014-08-02

<p>跟刚刚没分别啊 现在又能动了啊</p>

+ 我来回答 回答最高可+2积分
0 回答 847 浏览 5-3 实战题
2014-08-02

<p>为什么没反应</p>

+ 我来回答 回答最高可+2积分
4 回答 949 浏览 5-3 实战题
2014-08-02

<p>請問老師，onselectstart=&#039;return false;&#039;是做什麼用的？</p>

已采纳回答 / Lyn_Tech
鼠标按下去，然后移动的时候。会选中页面上的文本内容。这句代码是防止选中的。有很多小说网站，也会使用这句代码来防止复制。
2 回答 1247 浏览 3-1 遮罩及登录链接布局实现
2014-07-29

<p>Good class！！</p>

+ 我来回答 回答最高可+2积分
1 回答 889 浏览 8-1 总结
2014-07-25

<p>onmousedown不是只被按下了一次吗，为什么那个被监听的事件对象的pageX，pageY可以一直被获取。。？？</p>

最新回答 / qq_勇往直前_2
你鼠标按下并拖动的状态是一直属于onmousedown的；
1 回答 866 浏览 5-2 练习题
2014-07-25

<p>pageX和pageY不兼容；应该使用clientX和clientY</p>

最赞回答 / Mr_Guan
pageX和pageY包括滚动条滚动的位置，而clientX和clientY不包括滚动条滚动的位置。
1 回答 1149 浏览 5-1 三个关键鼠标拖拽事件
2014-07-23

<p>我想知道为什么是this.offsetLeft而不能是this.style.left</p>

最赞回答 / Lyn_Tech
style.left 其实也可以，只是 style.left 是相对于上一级的元素。这个元素有时候不是 body。但是鼠标的位置是根据 body 来获得的。所以大家都用 body 作为参照。 offsetLeft 是确认这个元素距离 body 左边的距离。
4 回答 1206 浏览 8-2 综合实战题
2014-07-22

<p>ok~~</p>

+ 我来回答 回答最高可+2积分
1 回答 833 浏览 4-3 实战题
2014-07-22
首页上一页6789101112下一页尾页
开始学习
课程须知
1.对DIV和CSS基本内容掌握，理解元素的定位的概念 2.对JS基本语法掌握，理解函数和事件的概念 3.适合一定实战经验的中级以上层次人员学习。
老师告诉你能学到什么？
1.掌握对可拖拽对话框的实现原理 2.了解元素如何触发脚本方法以及如何编写侦听事件 3. 学会设置元素在页面中居中和全屏

微信扫码，参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

 帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

 公众号

扫描二维码
关注慕课网微信公众号
友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消