`
huangyongxing310
  • 浏览: 483139 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

前端实现从剪贴板中获取数据

 
阅读更多
//绑定在了body上,也可以绑定在其他可用元素行,但是不是所有元素都支持copy和past事件。
$(document.body).bind({
	copy: function(e) {//copy事件
		var cpTxt = "复制的数据";
		var clipboardData = window.clipboardData; //for IE
		if (!clipboardData) { // for chrome
			clipboardData = e.originalEvent.clipboardData;
		}
		//e.clipboardData.getData('text');//可以获取用户选中复制的数据
		clipboardData.setData('Text', cpTxt);
		alert(cpTxt);
		$('#message').text('Copy Data : ' + cpTxt);
		return false;//否则设不生效
	},paste: function(e) {//paste事件
		var eve = e.originalEvent
		var cp = eve.clipboardData;
		var data = null;
		var clipboardData = window.clipboardData; // IE
		if (!clipboardData) { //chrome
			clipboardData = e.originalEvent.clipboardData
		}
		data = clipboardData.getData('Text');
		$('#message').html(data);
	}
});

---------------------
作者:赛小文
来源:CSDN
原文:https://blog.csdn.net/hackersaillen/article/details/45694181
版权声明:本文为博主原创文章,转载请附上博文链接!
分享到:
评论

相关推荐

    JS 巧妙获取剪贴板数据 Excel数据的粘贴

    发现google sheet实现了excel的纯文本的多数据格粘贴,没有安全限制的需要,没有使用flash。可能很多人都知道这种方法了,反正我一开始很惊讶的,但是无奈,google的js文件是处理过的,看起来太累了。然后又去找...

    [js]javascript与剪贴板交互

    JavaScript 与剪贴板的交互是前端开发中常见的功能需求,比如实现网页中的复制、剪切和粘贴操作。在JavaScript中,与剪贴板进行交互涉及到浏览器的安全性和隐私政策,因为这涉及到用户数据的访问。 1. **操作剪贴板...

    Text Template Parser(多源数据提取软件)官方正式版V2.5 | 数据提取软件有哪些?

    拥有友好的用户界面,可以帮助用户从包括文本文件、网页、电子邮件、excel、pdf、Web表单在内的几乎任意类型的数据源文档中解析、检索、转换、转换和提取数据,同时Text Template Parser还允许用户将检索和提取到的...

    实现网页表格输入框批量粘贴

    `event.clipboardData.getData()` 方法可以用于获取剪贴板中的数据,通常以`text/plain`类型获取。 ```javascript var pastedData = event.clipboardData.getData('text/plain'); ``` 3. **数据处理**:Excel数据...

    js仿微博功能,很好的效果

    分享功能可以利用JavaScript生成一个包含分享链接的弹窗或者复制文本到剪贴板。通过Ajax获取分享链接,然后展示给用户,用户可以选择复制或者通过社交媒体平台直接分享。 在实现这些功能时,我们可能需要利用一些...

    实现复制页面文字自动添加本页网址的例子。

    而`clipboard API`则是更现代的接口,它提供了安全且可控的方式来读取和写入剪贴板数据。 下面是一个简单的示例代码,展示如何实现这个功能: ```html <!DOCTYPE html> 复制页面文字自动添加本页网址 ...

    Json格式图形工具

    数据分析师则可能利用这类工具来快速浏览和提取JSON数据中的关键信息。 总的来说,JsonView作为一款JSON格式图形工具,它的核心价值在于提供了一个直观、易用的界面,使用户可以方便地查看、操作和理解JSON数据。...

    15 个你永远需要的 Javascript 代码.pdf

    3. **复制到剪贴板**:`copyToClipboard`函数使用`navigator.clipboard.writeText`,这是一个现代浏览器支持的功能,可以将文本内容直接复制到用户的剪贴板。 4. **找到一年中的一天**:`dayOfYear`函数计算从一年...

    网页版鼠标取色的实现

    网页版鼠标取色的实现是一种常见的前端开发技术,它允许用户在网页上通过鼠标点击选取颜色,然后获取该颜色的RGB、HEX等值。这项技术广泛应用于网页设计、色彩选择器工具以及与颜色相关的应用中。下面我们将详细介绍...

    JS简单实现点击复制链接的方法

    这个函数首先获取ID为`url`的输入框中的值(即链接),然后使用`window.clipboardData.setData()`将链接文本设置到剪贴板上。最后,弹出一个警告框告诉用户复制成功。 ### 方法二:使用`select()`和`document....

    2021-2022计算机二级等级考试试题及答案No.16251.docx

    10. 复制窗口到剪贴板:按Alt+PrintScreen键可以将当前窗口的内容复制到剪贴板。 11. 删除数据记录的SQL命令:DELETE命令用于删除数据记录,选项A正确。 12. 不是数据库管理系统的软件:VB(Visual Basic)是编程...

    2021-2022计算机二级等级考试试题及答案No.14060.docx

    4. 剪贴板常用于在应用程序间传递信息,剪切或复制操作都会将信息放到剪贴板上。 5. 内存中的信息在断电后会丢失,因此需要定期保存到外存,如硬盘,以防数据丢失。 6. 抽象类可以不包含抽象方法,但有抽象方法的...

    《Visual C# .NET精彩编程实例集锦》配套光盘文件【全】

    实例49 如何实现剪贴板循环 实例50 如何实现菜单历史列表 实例51 如何实现程序互斥运行 实例52 如何屏蔽鼠标消息 实例53 如何模拟键盘输入 实例54 如何使用消息提示框 实例55 如何使用系统api函数 实例56 ...

    模仿QQ截图

    4. **剪贴板集成**:将截图直接复制到剪贴板,方便用户粘贴到其他应用。 5. **性能优化**:处理大尺寸屏幕截图时,应避免一次性加载整个屏幕,可以分块进行处理。 总结来说,模仿QQ截图涉及到的主要知识点有:前端...

    GridView右键菜单,进行无刷新操作(示例)

    对于“复制选定行”这样的功能,我们可能需要在前端获取用户选中的GridView行,然后利用JavaScript的复制功能将内容放入剪贴板。如果使用了UpdatePanel,我们还可以更新GridView的部分内容,以反映用户的选择或操作...

    Visual C# .NET精彩编程实例集锦

    实例49 如何 实现剪贴板循环 实例50 如何 实现菜单历史列表 实例51 如何 实现程序互斥运行 实例52 如何屏蔽鼠标消息 实例53 如何模拟键盘输入 实例54 如何使用消息提示框 实例55 如何使用系统API函数 实例56 如何...

    MezerTools V2.1.5.0

    MezerTools的截图工具可能提供快捷键操作,让用户能够轻松捕获全屏、窗口或自定义区域的图像,并可能支持保存、复制到剪贴板或直接分享。 3. **进制转换**:在处理二进制、八进制、十进制和十六进制数据时,快速的...

    takecolor

    - 查看颜色值:抓取后,颜色值会显示在程序界面或者系统剪贴板中,可以直接粘贴到需要的地方。 - 设置快捷键:在软件设置中,可以自定义抓取颜色的快捷键,如Ctrl+Alt+C等。 3. 应用场景: - 设计工作:平面设计...

    取色小工具

    5. **复制和分享**:一键复制颜色代码到剪贴板,方便粘贴到其他软件中使用,或者通过邮件、社交平台等方式分享给他人。 6. **屏幕放大镜**:在取色时提供放大功能,帮助用户更准确地定位颜色。 7. **便捷操作**:...

    取色精灵 取色精灵 取色精灵

    5. 复制颜色代码:直接复制颜色代码到剪贴板,方便在其他软件中使用,如Photoshop、Illustrator等。 二、取色精灵的操作流程 1. 安装与启动:下载并安装取色精灵后,双击图标启动程序,软件会自动隐藏在系统托盘中...

Global site tag (gtag.js) - Google Analytics