鼠标拖拽效果_技术问答

首页免费课鼠标拖拽效果问答

鼠标拖拽效果

                
                Lyn
            Web前端工程师

                    查看讲师更多课程 
                    Lyn讲师的其他课程
                
JS+CSS3实现“粽情端午”
中级·39505
免费课程
                                
JS+CSS3实现带预览图幻灯片效果
初级·53759
免费课程
                                
CSS3+JS 实现超炫的散列画廊特效
中级·46091
免费课程
                                
可调大小面板实现（Resizeable Panel）
初级·13047
免费课程
                                
QQ空间时光轴特效
初级·29058
免费课程
                                
                难度初级
            
                时长34分
            
                学习人数
            
综合评分9.67
                            100人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.6
                                简洁易懂
                            
                                9.5
                                逻辑清晰

全部评论问答未解决精华

qq_丶灬尛破孩_03928755

为什么一个人都没有

0 4-3 实战题

2016-09-18

冷月诗魂

结合别人的再加上自己的，perfect!

0 7-3 实战题

2016-09-18

慕粉3377762

很好，有些不知道为什么的，老师讲了为什么。比较简洁。

1 2-1 登录浮层静态页面实现

2016-09-16

幻灭丶

不要关心冒泡和捕获的兼容，要学的是思想怎么去实现效果的原理，你原理会了自然做得出来。什么都给你做出来不需要动脑看了一遍其实白看

2 6-1 拖动范围限定

2016-09-16

幻灭丶

开篇没废话

0 1-1 效果展示及原理分析

2016-09-15

微积分2016

startX = e.pageX-this.offsetLeft;
startY = e.pageY-this.offsetTop;

1 8-2 综合实战题

2016-09-11

微积分2016

screenX:鼠标位置相对于用户屏幕水平偏移量，而screenY也就是垂直方向的，此时的参照点也就是原点是屏幕的左上角。

clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上角，该参照点会随之滚动条的移动而移动。

pageX：参照点也是浏览器内容区域的左上角，但它不会随着滚动条而变动

1 8-2 综合实战题

2016-09-11

微积分2016

我错了
addEventListener(eventType,callback,false|true);
第三个参数可选，默认 false（冒泡）

2 8-1 总结

2016-09-11

微积分2016

addEventListener(eventType,callback,false|true);
这个事件监听需要传3个参数吧

1 8-1 总结

2016-09-11

微积分2016

moveX = Math.min( maxX ,Math.max(0,moveX) );
moveY = Math.min( maxY , Math.max(0,moveY) );