javascript - js 移动端 手指按住实现数字递增的问题
PHP中文网
PHP中文网 2017-04-11 08:57:31
[JavaScript讨论组]

代码是基于jquery的

var intervalEvent = null;
$("#join_input_jia,#join_input_jian").on({
        touchstart: function(e){
            e.preventDefault();
            var type = 1;
            if($(this).attr('id') == 'join_input_jian'){
                type = 2;
            }
            if(!isNull(intervalEvent)){
                window.clearInterval(intervalEvent);
            }
            intervalEvent = setInterval("countChange(" + type + ")", 100);
        },
        touchmove: function(e){
            window.clearInterval(intervalEvent);
        },
        touchend: function(e){
            window.clearInterval(intervalEvent);
        }
});

function countChange(type){
    var _userBuyCount = $("#join_count").val();
    if(type === 1){
        if (parseInt(_userBuyCount) >= availablecount) {
            toast("最多只能参与" + availablecount + "人次");
            window.clearInterval(intervalEvent);
            return;
        }
        //对全局的userBuyCount赋值
        userBuyCount = _userBuyCount;
        $("#join_count").val(parseInt(_userBuyCount) + purchasespanFromPostData);
    }else if(type === 2){
        if (parseInt(_userBuyCount) <= purchasespanFromPostData) {
            window.clearInterval(intervalEvent);
            return;
        }
        //对全局的userBuyCount赋值
        userBuyCount = _userBuyCount;
        $("#join_count").val(parseInt(_userBuyCount) - purchasespanFromPostData);
    }
};

我想实现的效果是按住按钮join_input_jia,输入框的值一直递增,join_input_jian则一直递减, 现在这段代码是实际运行中改来改去都不行,是不是还要加按住的时间判断之类的,求思路

PHP中文网
PHP中文网

认证0级讲师

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号