关于浏览器中copy, cut, paste捕获的总结

目前这三个事件均可以通过jQuery.on(“copy cut paste”, handlerFn)捕获,网上说的使用setTimeout方式目的是为了获取粘贴到输入框后的全部的值;

setTimeout方式的示例代码如下:

$("input").off("paste").on("paste", function(e){
    setTimeout(function(){
        var val = $(this).val();
        // 获取粘贴到输入框后的值,进行处理
    }, 100);
});

handlerFn的触发是在"鼠标右键粘贴点击"之后,"输入框显示粘贴值"之前;如果想禁用此功能,可以使用:e.preventDefault()禁止粘贴的操作;

根据MDN上的介绍,这三类事件统称为:ClipboardEvent,在handlerFn中可以通过getData方法获取到数据;只是当前这个API仅有Chrome和Firefox22以上支持,所以被用到的并不广泛;

示例代码如下:

$("input").off("paste").on("paste", function(e){
  var eData = e.originalEvent.clipboardData;
  console.log("paste:", arguments, e.originalEvent, eData, eData.types, eData.getData("text/plain"));
});

当前该类文档称为:Clipboard API and events,处于工作草案的状态(Working Draft);

具体请参考:

MDN    https://developer.mozilla.org/en-US/docs/Web/Events/paste

W3C Draft http://www.w3.org/TR/clipboard-apis/#paste-event

时间: 2024-11-06 12:26:38

关于浏览器中copy, cut, paste捕获的总结的相关文章

ESXi vSphere Client中copy paste如何启用

为了能在客户端OS和远程console之间进行copy 和 paste,必须启用vSphere Client启用"copy 和 "paste"选项. 1.使用vSphere Client登录到vCenter Server 系统并关闭虚拟机 2.选择虚拟机,然后单击"摘要"选项卡 3.单击"编辑"设置 4.导航到"选项"> 高级 > 常规,然后单击配置参数 单击"添加行" 在"

shell中的cut和paste函数,可以从多个文本中提取特定的列

shell中的cut和paste函数,可以从多个文本中提取特定的列,然后合并成为一个文件,方便下游分析中用R语言read.table()读取,进行分析作图. cut -d 分隔符 -f 列索引 cut -d '.' -f 2-5,8 file.txt #将文件file.txt以分隔符.进行分割,并取出第2列到第5列还有第8列的数据. paste file1 file2 > file3 原文地址:https://www.cnblogs.com/liuyin-2019/p/11846112.html

Javascript限制网页只能在微信内置浏览器中访问

转载:http://segmentfault.com/a/1190000000754332 最近正在开发一个微信公众账号,其中有一项功能是用户发送文字消息给公众号,然后公众号返回图文消息给用户,用户再点击图文消息即可跳转到一个网页链接,在微信的内置浏览器中打开.那么问题就来了,这个网页首先涉及到了移动web前端开发,我优先选择了用HTML5+bootstrap组合来实现页面的美观效果,前端其他的任务交给javascript解决(这里我是完全使用原生javascript代码,没有用到任何的框架,因

浏览器中Javascript单线程分析

线程这个特性对于一门语言环境来说是尤其重要的,在Java/C++环境下都提供了多线程API操作. 但在Javascript中据说代码执行时单线程的,大量计算的逻辑会阻塞浏览器HTML渲染,但setTimeout延时处理.XHR的异步请求是如何实现的, 接下来我们将逐一分析. 首先需要肯定的是浏览器中Javascript确实是单线程执行的,不信我们可以看个例子. <html> <head></head> <body> <script>setTime

In line copy and paste to system clipboard

On the Wiki Wiki Activity Random page Videos Photos Chat Community portal To do  Contribute  Watchlist Random page Recent changes In line copy and paste to system clipboard 1,616PAGES ONTHIS WIKI  Edit  Talk0 Tip 1511 Printable Monobook Previous Next

第十一章:WEB浏览器中的javascript

客户端javascript涵盖在本系列的第二部分第10章,主要讲解javascript是如何在web浏览器中实现的,这些章节介绍了大量的脚本宿主对象,这些对象可以表示浏览器窗口.文档树的内容.这些章节同样涵盖重要的web应用所需要的网络编程API.本地存储和检索数据.画图等.主要包含内容有以下章节: web浏览器中的javascript / window对象 /  脚本化文档 /  脚本化css / 事件处理 / 校本化http / jQuery类库 / 客户端存储  /  多媒体和图形编程 /

【转】浏览器中关于事件的那点事儿

转自:http://my.oschina.net/blogshi/blog/192658 摘要:事件在Web前端领域有很重要的地位,很多重要的知识点都与事件有关.本文旨在对常用的事件相关知识做一个汇总和记录.   在前端中,有一个很重要的概念就是事件.我对于事件的理解就是使用者对浏览器进行的一个动作,或者说一个操作. 本文会介绍很多与事件有关的东西,虽然我的出发点有那么点一网打尽的意思m不过也难以盖全,所以就把最常用,最基本也相对重要的内容拿出来记录一下. Javascript绑定事件的方式 传

转-Shell笔记——命令:Sort,uniq,join,cut,paste,split

转自:http://blog.csdn.net/wklken/article/details/6562098 Sort,uniq,join,cut,paste,split 命令—— Sort Sort 可将许多不同的域按不同的列顺序分类 命令格式: sort –cmu –o out-putfile [other options] *pos1 *pos2 input-files 选项: -c 测试文件是否已经分类 -m 合并两个分类文件 -u 删除所有复制行 -o 存储 sort 结果的输出文件名

浏览器中关于事件的那点事儿

在前端中,有一个很重要的概念就是事件.我对于事件的理解就是使用者对浏览器进行的一个动作,或者说一个操作. 本文会介绍很多与事件有关的东西,虽然我的出发点有那么点一网打尽的意思m不过也难以盖全,所以就把最常用,最基本也相对重要的内容拿出来记录一下. Javascript绑定事件的方式 传统的事件绑定 因为各种历史原因,事件的绑定在不同的浏览器总是有不同的写法,当然现在可能大多数人都已经习惯于jQuery的事件绑定,而不清楚javascript的原生事件绑定是什么样子. 非常传统的事件的绑定方式,是