在 JavaScript 事件中添加最小值和最大值
adding minimum and maximum value in JavaScript event
我想知道是否有人可以帮助我,下面代码的目的是在用户每次单击按钮时翻译整个屏幕,所以
第一页 = 变量距离 = 0
第一页 = 变量距离 = -100
第一页 = VaR 距离 = -200
等等,但我不希望用户使用宽度为 100% 的页面数量,有没有办法将边界放在上面,所以最小值 = 0 和最大值 = 500
var distance = 0;
$('.right').click(function() {
distance -= 100;
$('#container').css('transform', 'translateX(' + distance + '%)')
console.log(distance);
});
$('.left').click(function() {
distance += 100;
$('#container').css('transform', 'translateX(' + distance + '%);')
console.log(distance);
});
Math.min()
和Math.max()
就可以了
var distance = 0;
$('.right').click(function() {
distance = Math.max(0, distance- 100);
$('#container').css('transform', 'translateX(' + distance + '%)')
console.log(distance);
});
$('.left').click(function() {
distance = Math.min(500, distance+ 100);
$('#container').css('transform', 'translateX(' + distance + '%);')
console.log(distance);
});
或者你可以使用三元运算符
var distance = 0;
$('.right').click(function() {
distance -= (distance==0 ? 0 : 100);
$('#container').css('transform', 'translateX(' + distance + '%)')
console.log(distance);
});
$('.left').click(function() {
distance += (distance==500 ? 0 : 100);
$('#container').css('transform', 'translateX(' + distance + '%);')
console.log(distance);
});
因此,添加if语句并在减少数字时检查数字是否小于零
if (distance<0) distance = 0;
当您递增时,查看它是否高于您的最大值。
if (distance>500) distance = 500;
相关文章:
- jquery最小和最大长度验证
- 日期选择器的最小和最大日期
- 如何在 ag-grid 中设置默认的最小和最大列宽
- webpack优化最小化返回布尔值,而不是工厂值
- 从显示为文本的范围中返回最小和最大数字
- 如何为日期选择器设置最小和最大日期
- 带有最小和最大数字的增量数组列表
- 最小和最大轴值在具有对数轴的高图表中不适用
- 如何获取最小和最大日期
- 如何从表的选定行中获取最小和最大数量
- 角度最小和最大时间不工作
- Soundcloud最小页面过大
- 具有最小和最大数字的十进制值的javascript正则表达式
- 如何根据其他日期约束jQuery ui日期选择器的最小和最大日期
- y轴最小和最大值范围显示
- 下拉的最小和最大值,不更新在EI9和IE8的JQuery
- JavaScript数学.最小返回错误的值
- 取最小和最大的数到我的值的左右
- 我如何得到这个脚本运行返回所需的值的最小,最大和总和
- 如何在JavaScript中比较最小订单数量的值