在保存页面上隐藏div(ctrl S)

时间:2017-05-10 10:17:02

标签: html

如果我想保留无法在html页面之外复制的数据,是否可以在保存页面(CTRL + S)或通过菜单隐藏某个div?谢谢!

1 个答案:

答案 0 :(得分:0)

您可以使用JavaScript绑定keydown事件,如果用户按下CTRL + S,则删除元素,并在保存页面之前删除元素。

您可以在下面运行此代码段,然后单击包含两个div的字段,然后尝试按CTRL + S,将删除带有id="bb"的元素

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(window).bind('keydown', function(event) {
	if (event.ctrlKey || event.metaKey) {
		var CharCode = String.fromCharCode(event.which).toLowerCase()
		if(CharCode == "s") {
			$("#bb").remove();
			//alert('ctrl-s');
			//event.preventDefault();
		}
	}
});
</script>
</head>

<body>
<div id="aa">Div to stay</div>
<div id="bb">Div to HIDE on CTRL+S</div>
</body>
</html>

但是保存页面时没有监听器,这意味着无法返回被删除的元素。也许有一些超时行动
并且您无法使用JavaScript将浏览器菜单中的保存操作绑定。