资讯专栏INFORMATION COLUMN

加加减减

EsgynChina / 630人阅读

摘要:数量

数量
-
+
.sl{
    position: relative;
    border-bottom: 1px solid rgb(222,222,222);
    height: 100px;
}
.sl div{
    position: relative;
    display: inline-block;
    width: 60px;
    height: 27px;
    line-height: 27px;
    text-align: center;
}
.sl div:nth-child(1){
    margin: 15px 0 0 0;
    font-size: 13px;
    border: 0;
}
.sl div:nth-child(2){
    border-right: none;
    top: 40px;
    left: -45px;
    color: #00aaff;
    background: white;
}
.sl input{
    position: relative;
    border: none;
    border-radius: 0; 
    width: 60px;
    height: 27px;
    top: 38px;
    left: -48px;
    text-align: center;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.sl div:nth-child(4){
    border-left: none;
    top: 40px;
    left: -51px;
    color: #00aaff;
    background: white;
}
        $(".sl div:nth-child(4)").on("tap",function(){
            if($(".sl input").val()!=""){
                var val=parseInt($(".sl input").val());
            }else{
                $(".sl input").val("1");
                return;
            }
            if(val>=99){
                return;
            }else{
                val=val+1;  
            }
            $(".sl input").val(val);
        });
        $(".sl div:nth-child(2)").on("tap",function(){
            var val=parseInt($(".sl input").val());
            if(val<=1){
                return
            }else{
                val=val-1;
                $(".sl input").val(val);
            }
        });
        $(".sl input").on("keydown",function(e){
            if(e.keyCode<=48||e.keyCode>57){
                if(e.keyCode==8){
                    return;
                }else if(e.keyCode==48){
                    if($(this).val()==""||$(this).val().length==0){
                        e.preventDefault();
                        return false;
                    }
                }else{
                    e.preventDefault();
                    return false;
                }
            }
        });
        $(".sl input").on("keyup",function(e){
            if(e.keyCode<=48||e.keyCode>57){
                if(e.keyCode==8){
                    return;
                }else{
                    e.preventDefault();
                    return false;
                }
            }else{
                if($(this).val().length<=2){
                    return;
                }else{
                    $(this).val(99)
                }
            }
        });

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85308.html

相关文章

  • 梳理MVVM

    摘要:最近几天开发几个小需求,在原来基础上加加减减,发现自己并没有很顺畅或是没有清晰明白自己在做什么怎么做这是个大忌讳无论再小的需求,明白自己为什么做对自己有什么价值对公司有什么价值拒绝做代码工具以此目的,梳理这篇文章了解自己做的事情实质是什么所 最近几天开发几个小需求,在原来基础上加加减减, 发现自己并没有很顺畅或是没有清晰明白自己在做什么?怎么做? 这是个大忌讳!无论再小的需求,明白自己...

    missonce 评论0 收藏0
  • CSS外挂:Sass 之运算(加、减、乘、除)

    摘要:例如被编译为最后一个栗子字符运算运算符可以用来连接字符串被编译为注意,如果有引号的字符串被添加了一个没有引号的字符串也就是,带引号的字符串在符号左侧,结果会是一个有引号的字符串。 学习Sass无非就是想高效的、 面向对象编写CSS,Sass中的Operations也是重要的一部分。现在的前端各种工程化、模块化、面向工资编程,哦...不对,是面向对象编程。玩起来吧! 1. 加减法 加减法...

    khs1994 评论0 收藏0
  • 手游之u3d之dll文件加密之手动修复

    摘要:文章标题不知道怎么取。。。如果文件被反编译修改后,和源文件是有差别的,文件大小,格式里面的各种段是会改变的,这就导致无法和原版做对比。文章标题不知道怎么取。。。 所需工具:010editor.NET Reflector 一款国外破解版的游戏,u3d引擎,想看修改了啥,但是无奈打开后是这样的dll加密了,首先想到的是从内存中去抠出来,于是经过一番操作后从内存中扣出来,具体怎么从内存中,这里略过...

    Tecode 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<