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. Eclipse / Java-導入java。(namespace)。*是否有害?2. python - 正則表達式中,如果匹配到的字符串后一半剛好是下一個匹配字符串的前一半,怎么實現?3. android - 類似這樣的recyclerview滑動效果4. javascript - 如何徹底禁止平板電腦上瀏覽器的手勢縮放功能5. mysql - SQL語句可以提供“查詢表,并至第100條結果為止”嗎?6. python - xpath提取網頁路徑沒問題,但是缺失內容?7. javascript - js一個call和apply的問題?8. javascript - 給某個類添加一個偽類,這個類有click事件,現在我點擊偽類也觸發了click事件9. node.js - JavaScript的一個不能理解的地方10. mysql - 數據庫為什么需要鎖機制?
