将点击次数存储到localstorage html5

Question

制作一个http://jsfiddle.net/ddvQU/30/ jsfiddle，用于计算div区域中的点击次数。

 <textarea id="ta" placeholder="Type your text here..."></textarea>
 <p id="ta-log"></p>

我希望存储该点击次数，以便当用户离开页面时（关闭它）我可以从本地存储中回忆起这个数字。

Answer 1

我已更新了您的jsfiddle，它可以满足您的需求：

$( function() {
    var clickCount = localStorage.getItem('clickCount');
    clickCount = clickCount ? parseInt(clickCount) : 0;
    var $num = $('.num');
    $num.text(clickCount);
    $('.box').click( function() {
        $num.text(++clickCount);
        localStorage.setItem('clickCount', clickCount);
    });
});

我没有使用过try ... catch块，但在现实生活中你应该因为尝试访问localStorage而遇到错误，因为它可以被禁用或者你可能已经消耗了你的磁盘配额。