课程/JavaScript/前端开发
鼠标拖拽效果
-
-
qq__1939
2016-10-16
- 范围限定,使用max,min函数
-
截图
0赞 · 1采集
-
-
yxl1074399
2015-10-12
- js鼠标拖拽效果2
----拖拽范围限定
-
截图
0赞 · 0采集
-
-
方克申
2015-08-20
- moveX = Math.max(0, moveX);
设置moveX不小于0。后面函数返回0和moveX中的较大值。
-
截图
0赞 · 0采集
-
-
june18th
2015-08-15
- 限定范围:
movX>0 并且movY<(页面最大值-浮层的宽度)
movY>0 并且movY<(页面最大值-浮层的高度)
-
0赞 · 0采集
-
-
june18th
2015-08-15
- 限定范围:
movX>0 并且movY<(页面最大值-浮层的高度)
movY>0 并且movY<(页面最大值-浮层的宽度)
-
1赞 · 1采集
-
-
june18th
2015-08-14
- 范围定在可是区域内:
movex=Math.min(maxX,Math.max(0,movex))
moveY=Marh.min(maxY,Math.max(o,moveY))
-
截图
0赞 · 0采集
-
-
june18th
2015-08-14
- moveX=Math.max(0,moveX)
返回较大值
-
0赞 · 0采集
-
-
sunhaikuo
2015-04-28
- 设置两个数最小值不能小于0的方法:Math.max(0, x)
-
截图
0赞 · 0采集
-
-
spring_summer
2014-12-24
- 拖动范围限定:
// 鼠标事件2
document.onmousemove = function( e ){
var e = e || window.event;
var mouseX = e.pageX; //鼠标当前的位置
var mouseY = e.pageY;
var moveX = 0; // 浮层元素的新位置
var moveY = 0;
if( isDraging === true ){
moveX = mouseX - mouseOffsetX;
moveY = mouseY - mouseOffsetY;
//范围限定moveX > 0 并且 moveX < (页面最大宽度 - 浮层的宽度)
//moveY > 0 并且 movey < (页面最大高度 - 浮层的高度)
var pageWidth = document.documentElement.clientWidth ;
var pageHeight = document.documentElement.clientHeight ;
var dialogWidth = g('dialog').offsetWidth;
var dialogHeight = g('dialog').offsetHeight;
var maxX = pageWidth - pageHeight;
var maxY = pageHeight- dialogHeight;
moveX = Math.min( maxX , Math.max(0,moveX) );
moveY = Math.min( maxY , Math.max(0,moveY) );
g('dialog').style.left = moveX + 'px';
g('dialog').style.top = moveY + 'px';
}
}
-
1赞 · 0采集
-
-
北漂的胖
2014-03-23
- 看不懂
-
截图
0赞 · 0采集
-
-
北漂的胖
2014-03-23
- 嘎嘎笔记2
-
截图
0赞 · 0采集