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. angular.js - Angular路由和express路由的組合使用問題2. 網絡傳輸協議 - 以下三種下載方式有什么不同?如何用python模擬下載器下載?3. java 排序的問題4. 表單提交驗證,沒反應,求老師指點5. 我的html頁面一提交,網頁便顯示出了我的php代碼,求問是什么原因?6. 如何修改phpstudy的phpmyadmin放到其他地方7. 我在centos容器里安裝docker,也就是在容器里安裝容器,報錯了?8. tp6表單令牌9. node.js - gulp文件監聽的問題10. php - mysql中,作為主鍵的字段,用int類型,是不是比用char類型的效率更高?
