html5-本地存储LocalStorage和range、output的结合
<div id="cnblogs_post_body"><div class="cnblogs_code">$(function(){ var $range = $("input"); //滑块 var $result = $("output");//显示数字的output var $button = $("input");//清除按钮 $range.val(localStorage.rangeValue); //页面载入时$range的值为localStorage.rangeValue存诸的值； $result.val(localStorage.rangeValue); //页面载入时$result的值为localStorage.rangeValue存诸的值； //当$range滑动时,将值传给$result，显示出来 $range.change(function(){ $result.val($range.val()); }) //当$range停止滑动时，将值赋给本地存储localStorage.rangeValue $range.mouseup(function(){ localStorage.rangeValue = $range.val(); }) //点击后，将本地存储localStorage.rangeValue的值设为0 $button.click(function(){ localStorage.setItem("rangeValue","0") })})
页:
[1]