javascript - js如何存储每次点击的索引值
问题描述
这个问题可能会比较弱,但我确实是没找到好的方法去解决它,且周围没有其他前端可以问,先谢谢大家了...有这样一个需求,dom如图
一组button,我想记录每次点击的索引值,之前我是写了一个cookie 来记录...但是最近看了闭包和作用域之后感觉我的写法多余了,应该可以直接用返回值和函数解决
这样直接打印肯定是空,因为点击是异步的,没有执行肯定没有赋值,但是这里如何去记录每一次的值呢,如果是一个普通的函数,执行一次就是了,但是这个点击也不能去单一的执行,这里应该如何存值呢?
问题解答
回答1:记忆函数,记忆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()));});回答2:
把console.log(click_num);放在click函数中,这样就能监测每次点击的赋值了
回答3:localstorage sessionstorage你可以试试
回答4:$(’.button’).click(function() { console.log($(this).index());});回答5:
index保存在一个变量中是比较合理的;想要每次打印index就把console.log()放在click事件中
相关文章:
1. html5 - 百度Ueditor代码高亮和代码段滚动条冲突是怎么回事?2. javascript - vue 数据更新了。但是dom没有更新,,,,,如图3. docker 17.03 怎么配置 registry mirror ?4. javascript - 读取页面源码,页面中所有的换行都被当成<br/>读取出来 了,,求解应该怎么让它被正确的解析5. javascript - 关于一段 for 循环代码执行顺序的问题6. javascript - 静态页面引公共头尾文件,js怎么写吖?7. docker网络端口映射,没有方便点的操作方法么?8. docker gitlab 如何git clone?9. java - 3个dao的数据根据请求参数选择一个映射到一个url上,怎么写比较好?10. java - 为什么要将Runnable接口的子类对象传递给Thread的构造函数?