js html监听ctrl v,如何使用JavaScript检测Ctrl+V，Ctrl+C？

2024-06-20 07:37:45

我这么做是出于兴趣。我同意这样做不对，但我认为这应该是OP的决定.此外，代码可以很容易地扩展到添加功能，而不是删除它(就像一个更高级的剪贴板，或者克特+s触发服务器端保存)。$(document).ready(function() {

var ctrlDown = false,

ctrlKey = 17,

cmdKey = 91,

vKey = 86,

cKey = 67;

$(document).keydown(function(e) {

if (e.keyCode == ctrlKey || e.keyCode == cmdKey) ctrlDown = true;

}).keyup(function(e) {

if (e.keyCode == ctrlKey || e.keyCode == cmdKey) ctrlDown = false;

});

$(".no-copy-paste").keydown(function(e) {

if (ctrlDown && (e.keyCode == vKey || e.keyCode == cKey)) return false;

});

// Document Ctrl + C/V

$(document).keydown(function(e) {

if (ctrlDown && (e.keyCode == cKey)) console.log("Document catch Ctrl+C");

if (ctrlDown && (e.keyCode == vKey)) console.log("Document catch Ctrl+V");

});});

Ctrl+c Ctrl+v disabled

Ctrl+c Ctrl+v allowed

另外，为了澄清，这个脚本需要jQuery库。

编辑：删除了3行多余的行(涉及E)，这要归功于Timdown的建议(见评论)

编辑：增加了对Mac的支持(cmd键而不是ctrl)

js html监听ctrl v,如何使用JavaScript检测Ctrl+V，Ctrl+C？相关推荐

js 监听安卓事件_百行代码实现js事件监听实现跨页面数据传输
百行代码实现js事件监听实现跨页面数据传输使用场景类似消息队列的使用场景,支持同页面和跨页面通信,发送消息和接收消息技术原理跨页面通信: 基于事件监听,通过监听 storage事件监听回调机制 ...
html 监听input输入框的值,利用原生JS实时监听input框输入值
利用原生JS实时监听input框输入值原生JS中可以使用oninput,onpropertychange,onchange oninput,onpropertychange,onchange的用法 ...
Vue.js：监听属性
ylbtech-Vue.js:监听属性 1.返回顶部 1. Vue.js 监听属性本章节,我们将为大家介绍 Vue.js 监听属性 watch,我们可以通过 watch 来响应数据的变化: 实例 & ...
less.js插件监听
<script>less.watch();</script> 在不手动刷新/重新加载页面会自动监听less的变化,页面做出相应的变化 . 写在这两行后面就好了 <lin ...
JS如何监听动画结束
场景描述在使用JS控制动画时一般需要在动画结束后执行回调去进行DOM的相关操作,所以需要监听动画结束进行回调.JS提供了以下事件用于监听动画的结束,简单总结学习下. CSS3动画监听事件 trans ...
js如何监听元素事件是否被移除_JavaScript 监听元素是否进入/移出可视区域
JavaScript 监听元素是否进入/移出可视区域常规操作防抖节流 IntersectionObserver 兼容的代码常规操作通常的做法是,监听srcoll事件,根据元素的offset来判 ...
js微信监听返回_微信小程序（2）- 框架结构amp;运行环境
一.小程序框架结构小程序框架分场景获取.逻辑层和视图层场景获取:场景值是用来描述用户进入小程序的路径,可以在小程序的生命周期onLaunch 或 onShow 里获取.也可以通过wx.getLau ...
js如何监听元素事件是否被移除_JS移除事件监听的方法 .removeEventListener( )
JS用addEventListener添加事件监听方法后,可以用removeEventListener来解除监听: element.removeEventListener(event, myFunct ...
js如何监听元素事件是否被移除_js 监听事件的叠加和移除 -
// 匿名函数事件无法移除 window.addEventListener("resize",function(){ alert(1) }) // 监听具名函数事件 functio ...
[转] js对象监听实现
前言随着前端交互复杂度的提升,各类框架如angular,react,vue等也层出不穷,这些框架一个比较重要的技术点就是数据绑定.数据的监听有较多的实现方案,本文将粗略的描述一番,并对其中一个兼容性 ...

最新文章

热门文章