JavaScript之web Storage事件机制

对本地Storage中数据的操作(修改、删除)进行监听,并且可以根据监听结果给出相应的处理

语法:
window.addEventListener(“storage”,doReaction,flag);

“storage”:表示对Storage(包括session和local)进行监听
doReaction:自定义函数,事件发生时回调,会接收一个StorageEvent类型的参数,包括storageArea、key(发生变化的key)、oldValue(原值)、newValue(新值)、url(引发变化的URL)
flag:表示触发时机,一般多使用false

<script type="text/javascript">
	function doStart(){
		window.addEventListener("storage",callback,false);
	}

	function callback(se){
		console.log("被修改的key:"+se.key);
		console.log("原值:"+se.oldValue);
		console.log("新值:"+se.newValue);
		console.log("url地址:"+se.url);

		if(se.key=="username"){
			console.log("用户名被修改啦,请通知管理员!");
		}

	}
</script>

你可能感兴趣的:(JavaScript)