我将使用Mousetrap所以当用户按下Alt + L时,它会使用jQuery并将类light
添加到body标签,我也希望它一旦删除类就删除了按下+ L.
我如何添加localstorage以记住是否有类light
?
答案 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");
}