如何使用localStorage记住在元素上设置的类

时间:2012-12-23 13:09:41

标签: javascript jquery html5 local-storage

我将使用Mousetrap所以当用户按下Alt + L时,它会使用jQuery并将类light添加到body标签,我也希望它一旦删除类就删除了按下+ L.

我如何添加localstorage以记住是否有类light

1 个答案:

答案 0 :(得分:2)

我不会提供代码,因为它非常简单,我不需要。相反,我会为您提供使用文档的指导,这将为您提供有关您请求的信息的答案。

localStorage非常直截了当。这是一个简单的键/值存储。

https://developer.mozilla.org/en-US/docs/DOM/Storage

Mozilla Developer Network将为您提供有关api的功能及其工作方式的信息(使用实例)。

我还想提一下,StackOverflow上可能存在关于localStorage的问题。以下是StackOverflow上的帖子 - Modify localstorage?

欢迎。


为了匹配OP的REAL问题,“我如何使用localStorage来记住在元素上设置了哪些类”。

var $body = $("body");

// On ALT+L event
if ($body.hasClass("light")) {
    $body.addClass("light");
    window.localStorage.hasLightClass = true;
} else {
    window.localStorage.hasLightClass = false;
    $body.removeClass("light");
}

// On page load
var hasClass = window.localStorage.hasLightClass || false;
if (JSON.parse(hasClass)) {
  $body.addClass("light");
}