js在禁止网页中的ctrl+s功能

最新推荐文章于 2023-09-27 10:11:41 发布
原创 最新推荐文章于 2023-09-27 10:11:41 发布 · 5.4k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种通过JavaScript禁用浏览器Ctrl+S保存网页功能的方法，适用于网站开发者保护网页内容不被轻易保存。 
//禁用页面的ctrl功能，来禁止ctrl+s保存功能
window.addEventListener('keydown', function (e) {
    if(e.keyCode == 83 && (navigator.platform.match('Mac') ? e.metaKey : e.ctrlKey)){
        e.preventDefault();
    }
})

 

前端知识（十三）——JavaScript监听按键，禁止F12，禁止右键，禁止保存网页【Ctrl+s】等操作
2301_79265530的博客
12-10 4418
【代码】前端知识（十四）——JavaScript监听按键，禁止F12，禁止右键，禁止保存网页【Ctrl+s】等操作。
js禁用ctrl、shift、ctrl+n、shift+n键等方法 IE禁用快捷键、chrome禁用快捷键、Edge禁用快捷键
刘贵庆的博客
04-02 6658
js禁用ctrl、shift、ctrl+n、shift+n键：//禁用 shift+N.. if (e.preventDefault) { e.preventDefault();..更多禁用请在if中加入指定的键码即可。具体看：
JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码
10-14
最近项目需要屏蔽客户端的一些操作，加大查看源码等难度，特整理一下这个js，也防止客户端用户误操作，破解方放也很简单这里就不多说了
js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome
10-14
最近想给JS特效与模板预览页面加上屏蔽查看源文件，防治整理不易的源码被轻易拿走，发现IE、火狐、chrome等各类浏览器支持不一样。下面是脚本之家整理的一些屏蔽总结
JS 阻止ctrl+s、F12、鼠标右键等
1252661442的博客
12-24 1802
js阻止时间监听并阻止 <script type="text/javascript"> //屏蔽鼠标右键 document.oncontextmenu = function (e) { var e = e || window.event; alert('禁止使用鼠标右键'); ...
JS屏蔽 “ctrl+s” 保存页面
coisini的博客
12-27 5977
&lt;DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;小demo js屏蔽ctrl+s事件&lt;/title&gt; &lt;/head&gt; &lt;script&gt;
js禁止查看源文件屏蔽Ctrl+u_s、F12、右键等兼容IE火狐chrome.zip
12-07
js禁止查看源文件屏蔽Ctrl+u_s、F12、右键等兼容IE火狐chrome.zip
Chrome浏览器禁用Ctrl + S
weixin_45669817的博客
09-27 2950
浏览器禁用Ctrl + S
网页禁用crtl +s按钮和禁用右键
hexiaoniao的博客
06-12 3303
网页禁用crtl +s按钮和禁用右键
javascript屏蔽Ctrl+s，F1，F3各浏览器兼容写法
milaner337的博客
11-14 1万+
近来项目需要用到ctrl+S， F1，F3等快捷键，无奈各浏览器对这几个键都有默认事件，且屏蔽方式不尽相同，现对其作一整理总结。注意：该文是针对原生javascript写法，jquery已对相当一部分做了兼容处理，并不需要如此复杂。            键盘事件         一般处理键盘按键事件我们采用这样的方式document.onkeydown=function (e) {
S 禁止F12和右键操作控制台，兼容各浏览器
weixin_30564901的博客
12-09 230
document.oncontextmenu = function () { return false; }; document.onkeydown = function () { if (window.event && window.event.keyCode == 123) { event.key...
JavaScript监听按键，禁止F12，禁止右键，禁止保存网页【Ctrl+s】等操作
苦夏木禾
03-25 2584
禁止右键 document.oncontextmenu = new Function("event.returnValue=false;") //禁用右键 禁止按键 // 监听按键 document.onkeydown = function () { // f12 if (window.event && window.event.keyCode == 123) { alert("F12被禁用"); event.keyCode = 0;
html禁用ctrl健,保护网站版权JS代码 禁止 Ctrl和S、F12控制台、保存页面、复制文字...
weixin_33895572的博客
06-05 1516
这篇文章总字数为：1517字，有1张图存于本站服务器禁止用户复制网站的文字内容，例如小说网站，我们可以通过下列方法提高复制内容的门槛，来实现我们的目标。1.禁用选中和右键：在标签中添加以下代码：oncontextmenu='return false' 禁止右键ondragstart='return false' 禁止拖动onselectstart ='return false' ...
禁止F12,禁止Ctrl+s,禁止ctrl+u,禁止选中文字,禁止鼠标右键
CodeDoge的博客
10-09 1013
1、实现禁止选中文字。 <script> //网站禁止选择文字 document.body.onselectstart = function() { self.event.returnValue=false }; </script> 2、实现禁止鼠标右键。 <script> //网站禁止右键 document.body.oncontextmenu = function() { self.event.returnValue=fals
js代码禁用ctrl+w等组合键
热门推荐
十年树木的博客
07-19 1万+
代码： $(function(){ document.addEventListener('keydown', function(e){ e = window.event || e; var keycode = e.keyCode || e.which; if(e.ctrlKey && keycode == 87){ //屏蔽Ctrl+w
一个"ctrl + s"就搞定问题------不用写代码啊
认知 行动 坚持
05-30 8664
最近又玩了一下php, 碰到这样一个问题： 在php中， 获取到了某视频的资源地址， 需要提供一个网页管理端， 供使用者点击下载。         我的方法是： 把该视频资源下载到php对应的服务上， 然后再传到PC上。 但是， 在后一个过程就受阻了。 我们知道， 在html中， 可以通过form表单把文件传到php对应的服务器， 但怎么下载， 我就犯愁了。         后来， 请教某哥，
vue3中禁止ctrl+s快捷键
最新发布
08-23
在 Vue 3 应用中实现禁用 `Ctrl+S` 快捷键的功能，可以通过监听全局或局部的键盘事件，并在检测到 `Ctrl+S` 组合键时调用 `preventDefault()` 方法来阻止浏览器默认的保存行为。 ### 全局禁用 `Ctrl+S` 在 Vue 3 的组件中，可以在 `onMounted` 生命周期钩子中添加全局的 `keydown` 事件监听器，并在卸载组件时移除该监听器以避免内存泄漏： ```javascript import { onMounted, onUnmounted } from 'vue'; export default { setup() { const handleKeyDown = (e) => { if (e.ctrlKey && e.code === 'KeyS') { e.preventDefault(); } }; onMounted(() => { document.addEventListener('keydown', handleKeyDown); }); onUnmounted(() => { document.removeEventListener('keydown', handleKeyDown); }); return {}; } }; ``` 上述代码通过在组件挂载时注册全局的 `keydown` 事件监听器，并在组件卸载时移除监听器，实现了对 `Ctrl+S` 的全局拦截[^2]。 ### 局部禁用 `Ctrl+S` 如果仅希望在特定组件或元素上禁用 `Ctrl+S` 快捷键，可以将事件监听器绑定到该组件的根元素上，而不是全局文档对象： ```vue <template> <div @keydown="handleKeyDown"> <!-- 组件内容 --> </div> </template> <script> import { defineComponent } from 'vue'; export default defineComponent({ methods: { handleKeyDown(e) { if (e.ctrlKey && e.code === 'KeyS') { e.preventDefault(); } } } }); </script> ``` 该方法确保只有在指定组件获得焦点时才会拦截 `Ctrl+S` 操作，从而实现更细粒度的控制。 ### 高级用法：结合 Composition API 在 Vue 3 的 Composition API 中，可以将键盘事件处理逻辑封装为可复用的函数，例如： ```javascript import { onMounted, onUnmounted } from 'vue'; const usePreventCtrlS = () => { const handleKeyDown = (e) => { if (e.ctrlKey && e.code === 'KeyS') { e.preventDefault(); } }; onMounted(() => { document.addEventListener('keydown', handleKeyDown); }); onUnmounted(() => { document.removeEventListener('keydown', handleKeyDown); }); }; export default usePreventCtrlS; ``` 在组件中使用该逻辑： ```javascript import { defineComponent } from 'vue'; import usePreventCtrlS from './usePreventCtrlS'; export default defineComponent({ setup() { usePreventCtrlS(); return {}; } }); ``` 此方法提高了代码的复用性和可维护性，适用于多个组件需要共享相同键盘事件处理逻辑的场景。 --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值