javascript - js如何存储每次点击的索引值-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - js如何存储每次点击的索引值

ringa_lee 2017-07-05 10:38:25

[JavaScript讨论组]

1045

这个问题可能会比较弱，但我确实是没找到好的方法去解决它，且周围没有其他前端可以问，先谢谢大家了...
有这样一个需求，dom如图

一组button，我想记录每次点击的索引值，之前我是写了一个cookie 来记录...但是最近看了闭包和作用域之后感觉我的写法多余了，应该可以直接用返回值和函数解决

这样直接打印肯定是空，因为点击是异步的，没有执行肯定没有赋值，但是这里如何去记录每一次的值呢，如果是一个普通的函数，执行一次就是了，但是这个点击也不能去单一的执行，这里应该如何存值呢？

ringa_lee

全部回复(5)

给我你的怀抱2017-07-05 10:40:25 5楼

记忆函数，记忆button索引值及点击次数，当然也可以记忆历史点击索引序列

/* 记忆button索引值及点击次数还有序列 */
function memoizer() {
    let buttonIndexClickTimeHistory = {};
    let buttonIndexClickQueueHistory = [];
    return function(idx) {
        if (typeof buttonIndexClickTimeHistory[idx] === 'number') {
            buttonIndexClickTimeHistory[idx] ++;
        } else {
            buttonIndexClickTimeHistory[idx] = 1;
        }
        buttonIndexClickQueueHistory.push(idx);
        return {
            buttonIndexClickTimeHistory,
            buttonIndexClickQueueHistory
        };
    };
}

const f = memoizer();

$('.button').on('click', function() {
    console.log(f($(this).index()));
});

赞 +0

添加回复

黄舟2017-07-05 10:40:25 4楼

把console.log(click_num);放在click函数中，这样就能监测每次点击的赋值了

赞 +0

添加回复

三叔2017-07-05 10:40:25 3楼

localstorage sessionstorage你可以试试

赞 +0

添加回复

大家讲道理2017-07-05 10:40:25 2楼


$('.button').click(function() {
    console.log($(this).index());
});

赞 +0

添加回复

PHP中文网2017-07-05 10:40:25 1楼

index保存在一个变量中是比较合理的；
想要每次打印index就把console.log()放在click事件中

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>