隱藏保存頁面上的div（ctrl S）

如果我想保留無法在html頁面外複製的數據，是否可以在保存頁面（CTRL + S）或通過菜單隱藏某個div？謝謝！隱藏保存頁面上的div（ctrl S）

2017-05-10 defrastriche

您可以使用javascript來聽按鍵，並在CTRL + S被擊中時用JQuerry隱藏它。 – Edwin

隱藏它還不夠，它仍然在DOM中。如果它有敏感信息，我建議暫時從DOM中刪除它。 –

您可以綁定事件與JavaScript並刪除元素，如果用戶按CTRL + S和元素將被刪除保存頁面之前。

可以運行，下面這段代碼，然後點擊場兩個格比嘗試按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) { 
 
\t if (event.ctrlKey || event.metaKey) { 
 
\t \t var CharCode = String.fromCharCode(event.which).toLowerCase() 
 
\t \t if(CharCode == "s") { 
 
\t \t \t $("#bb").remove(); 
 
\t \t \t //alert('ctrl-s'); 
 
\t \t \t //event.preventDefault(); 
 
\t \t } 
 
\t } 
 
}); 
 
</script> 
 
</head> 
 

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

但沒有偵聽器時頁面被保存，這意味着被移除的元素不能被返回。也許有一些超時行爲
而且你無法使用JavaScript綁定瀏覽器菜單中的保存操作。

來源

2017-05-10 11:58:22

隱藏保存頁面上的div（ctrl S）

回答

相關問題