js操作剪贴板

最新推荐文章于 2024-06-16 17:45:08 发布
最新推荐文章于 2024-06-16 17:45:08 发布
阅读量117 收藏
点赞数
分类专栏： 网站前端开发 文章标签： Microsoft 脚本 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_130/article/details/81799018
版权

今天在学习标注工具的时候，看到一个新的对象window.clipboardData，学习下。

    window.clipboardData的作用是在页面上将需要的东西复制到剪贴板上，提供了对于预定义的剪贴板格式的访问，以便在编辑操作中使用。

成员表

下面的表格列出了 clipboardData 对象引出的成员。

方法

 

方法描述
clearData通过 dataTransfer 或 clipboardData 对象从剪贴板删除一种或多种数据格式。
getData通过 dataTransfer 或 clipboardData 对象从剪贴板获取指定格式的数据。
setData以指定格式给 dataTransfer 或 clipboardData 对象赋予数据。

注释

clipboardData 对象是为通过编辑菜单、快捷菜单和快捷键执行的编辑操作所保留的。该对象使用系统剪贴板传送信息并保留至下一个编辑操作冲掉它。数据传送的格式特别适合于多次粘贴相同的数据。

此对象在 Microsoft® Internet Explorer 5 的脚本中可用。

示例

下面的例子使用了 clipboardData 对象的 setData 和 getData 方法通过快捷菜单执行剪切粘贴操作。

<SCRIPT> var bResult; // 选中要剪切的文本。在剪切事件中文本选中区的尾随空格导致剪  
//切选快捷菜单项目保持无效。 
	function fnLoad() { 
		var r = document.body.createTextRange(); 
		r.findText(oSource.innerText);
		 r.select(); 
	} // 启用剪切快捷菜单项目，该项目在 DIV 上时默认为无效 
	function fnBeforeCut() { 
		event.returnValue = false; 
	} // 以文本格式给 window.clipboardData 对象赋予数据。 
	// 将 setData 方法的结果 (Boolean) 显示在下面的输入框内。 
	function fnCut(){ 
		event.returnValue = false; 
		bResult = window.clipboardData.setData("Text",oSource.innerText); 
		oSource.innerText = ""; 
		tText.innerText += bResult; 
	} // 启用粘贴快捷菜单项目，该项目在 DIV 上时默认也为无效 
	function fnBeforePaste() { 
		event.returnValue = false; 
	} // 在 onpaste 中取消 returnValue 以便输入文本，该操作有默认 // 的行为。 
	function fnPaste() { 
		event.returnValue = false; 
		oTarget.innerText = window.clipboardData.getData("Text"); 
	} 
</SCRIPT> 
</HEAD> 
<BODY οnlοad="fnLoad()" TOPMARGIN=0 LEFTMARGIN=0 BGPROPERTIES="fixed" BGCOLOR="#FFFFFF" LINK="#000000" VLINK="#808080" ALINK="#000000"> 
	<DIV CLASS="clsSource" ID="oSource" onbeforecut="fnBeforeCut()" oncut="fnCut()">
		选中并剪切此文本
	</DIV> 
	<DIV CLASS="clsTarget" ID="oTarget" onbeforepaste="fnBeforePaste()" οnpaste="fnPaste()">
		将文本粘贴在这里
	</DIV>
	<BR> 
	<SPAN CLASS="clsData">
		setData 结果:
	</SPAN> 
	<INPUT CLASS="clsText" ID="tText" TYPE="text" READONLY VALUE="" SIZE="6" TABINDEX="-1"> 
</BODY>
此特性需要 Microsoft ® Internet Explorer 5.0 或以后版本。请单击下面的图标安装最新版本。然后重新装入此页再查看示例。
 
另外，对于工具中的参数传递，也许有另外的解决方法，即通过地址栏传递参数，然后在目标页面获取地址栏中传递的参数，然后再进行使用。（设想，未实施。）
 
通过实验发现一个问题，这种方法只能传递一个参数，如果用在页面间传递参数的时候。因为只有TEXT，URL，HTML等格式，如果我想用这个方法一次传递多个参数，不可用（无法解决。）

   兼容多种浏览器“复制到剪贴板”的解决方案

iteye_130
关注
专栏目录
JS操作剪贴板
qq_44884300的博客
04-13 1697
JS操作剪贴板
代码详解JS操作剪贴板
11-26
javascript可以轻松操作客户端剪贴板内容，不过只适用IE5以上浏览器。 javascript可以使用window.clipboardData对象处理剪贴板内容...测试操作剪贴板</TITLE> </HEAD> [removed] function copyToClipboar
【技术】JS 操作剪贴板
Riu_Peter
06-16 587
navigator 对象在使用时有弊端，仅在安全域环境下生效。安全域环境是指：https 请求、localhost、127.0.0.1 作为请求的情况。原因是浏览器的安全限制，不希望代码随意访问用户的剪贴板。在博客类网站看到一段代码，想复制，如果代码量比较大，选中内容复制会比较麻烦。多数情况下会在代码右上角看到一个复制按钮，点击即可复制代码，是如何实现的呢？navigator 对象的使用弊端可以曲线救国，通过监听粘贴事件实现相关业务。编写 copyVal() 方法。// 获取内容的组件。
js 操作剪贴板
学习笔记
03-25 3801
通过 js 可以操作剪贴板的 复制 剪切 粘贴还有一个更方便的方法，直接使用第三方 js 库 clipboard.jsDOM元素 js 方法 实现原理 是通过 操作 输入框，只能操作输入框，不能操作其它元素。 所有的 都是要在选中输入框中的文本之后，才进行操作的。写个例子展示一下HTML 就直接在 中进行调试了JS 选中后的样子执行剪切操作后，再手动粘贴到下面的输入框中 就是这样了。
js操作剪贴板讲解
曹定栓的博客
08-15 3353
在操作系统级别，剪贴板允许应用程序之间传输数据。 在现代web应用中，提供复制、剪切、粘贴等与剪贴板交互的功能已成为标配，极大的提高了用户的便利性。 但由于涉及到跨域和隐私问题，浏览器对这种交互进行了严格的限制。例如，当前浏览的网站不应能够无授权地访问从另一来源的网站复制的内容。这样可以防止恶意网站读取或修改剪贴板内容，确保用户数据的安全。
php操作剪贴板内容代码,详细解答JS操作剪贴板
weixin_36269385的博客
03-17 248
本篇文章给大家介绍了如何用JS操作剪贴板的功能，并把实例代码做了分享，需要的朋友学习下吧。javascript可以轻松操作客户端剪贴板内容，不过只适用IE5以上浏览器。javascript可以使用window.clipboardData对象处理剪贴板内容。保存到剪贴板的方法setData(param1, param2)。param1 :数据类型 text 或 URL等。param2 :数据内容。从...
通过JS实现剪贴板操作
赤蓝紫の博客
12-16 3223
通过JS实现剪贴板操作 在网上找到很多种方法，ZeroClipboard.js、clipboard.js插件等，但是都没有办法解决本人项目中的问题，最后发现可以通过navigator对象得到clipboard，进行剪切板操作 先来一下clipboard.js版本的热热身。 1. clipboard.js 1.1 通过text的function()来复制内容 <!DOCTYPE html> <html lang="en"> <head&g
php操作剪贴板内容代码,JS操作剪贴板代码分享
weixin_32770297的博客
03-17 84
javascript可以轻松操作客户端剪贴板内容，不过只适用IE5以上浏览器。javascript可以使用window.clipboardData对象处理剪贴板内容。保存到剪贴板的方法setData(param1, param2)。本文主要给大家介绍了如何用JS操作剪贴板的功能，并把实例代码做了分享，需要的朋友学习下吧，希望能帮助到大家。param1 :数据类型 text 或 URL等。param...
JavaScript 操作剪贴板
书香水墨
03-25 814
一、剪切板相关事件 事件 描述 copy 在发生复制操作时触发 cut 在发生剪切操作时触发 paste 在发生粘贴操作时触发 beforecopy 在发生复制操作前触发 beforeecut 在发生剪切操作前触发 二、剪切板工具类 var EventUtil = { // 添加事件 addHandler: function (element, typ...
php操作剪贴板内容代码,JavaScript操作剪贴板的实现方法介绍
weixin_39968266的博客
03-25 105
本篇文章给大家带来的内容是关于JavaScript操作剪贴板的实现方法介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。通过 js 可以操作剪贴板的 复制 剪切 粘贴用到的方法和元素DOM元素 js 方法// 选中输入框中的所有文本inputElement.select()// 选中输入框中的部分文本inputElement.setSelectionRange(start, en...
JS实现获取剪贴板内容的方法
10-22
在JavaScript中，我们通常通过`clipboardData`对象来操作剪贴板。本文将深入探讨如何使用JS获取剪贴板的内容。 首先，`clipboardData`对象是`event`对象的一个属性，通常在事件处理函数中使用，如`copy`、`cut`或`...
JavaScript操作剪贴板
07-15
JavaScript操作剪贴板 javascript可以轻松操作客户端剪贴板内容，不过只适用IE5以上浏览器
[js]javascript与剪贴板交互
09-11
要在JavaScript中操作剪贴板，可以使用`execCommand`方法。例如，复制操作可以这样实现： ```javascript function copyToClipboard(text) { const input = document.createElement('input'); input.value = ...
基于java+Face++人脸识别项目前端采用android实现.zip
09-14
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使
基于go-zero的云盘管理系统（CloudDisk）.zip
最新发布
09-14
这是一个基于go-zero框架实现的云盘管理系统。它提供了用户管理、存储池管理以及文件分享等核心功能。系统支持密码登录、邮箱注册、用户详情、用户容量查询等用户模块功能。在存储池模块，系统支持中心存储池资源管理和个人存储池资源管理，包括文件上传、文件秒传、文件分片上传以及对接MinIO等功能。此外，系统还提供了文件分享模块，支持创建分享记录、获取资源详情和资源保存等操作。该项目轻量级、高效且易于扩展，是网盘系统的一个优秀实现。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看reADME.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。
C#中的Lambda表达式：简化委托与表达式树
09-14
在C#编程语言中，Lambda表达式提供了一种简洁的方式来表示匿名函数，即没有具体名称的函数。Lambda表达式在C# 3.0中引入，作为.NET Framework的一部分，它们在LINQ（Language Integrated Query）查询中尤其有用，但也可以用于任何需要委托类型的地方。 Lambda表达式是C#中一个非常强大和灵活的特性，它允许以简洁的方式编写匿名函数。Lambda表达式可以用于委托、表达式树、LINQ查询等多种场景。通过使用Lambda表达式，开发者可以编写更加简洁、可读和可维护的代码。理解Lambda表达式的工作原理和使用场景对于编写高效的C#程序至关重要。 在C#编程语言中，Lambda表达式提供了一种简洁的方式来表示匿名函数，即没有具体名称的函数。Lambda表达式在C# 3.0中引入，作为.NET Framework的一部分，它们在LINQ（Language Integrated Query）查询中尤其有用，但也可以用于任何需要委托类型的地方。 Lambda表达式是C#中一个非常强大和灵活的特性，它允许以简洁的方式编写匿名函数。Lambda表达式可以
基于ssm的旅游管理系统设计与实现.docx
09-14
基于ssm的旅游管理系统设计与实现.docx
windows将网易云ncm格式转换为mp3-flac的小工具.zip
09-14
在windows平台上，用户经常遇到的问题之一是无法直接播放网易云音乐下载的NCM格式音频文件，因为这是一种专有的加密格式。本压缩包提供了一个小工具，帮助用户将NCM格式转换为更通用的MP3或FLAC格式，以便在其他设备或音乐播放器上自由享用。：
跨浏览器剪贴板访问：JS实现方案
首先，为了实现跨浏览器的剪贴板操作，我们可以利用名为`clipboard.js`的轻量级库。这个库提供了一个简单易用的API，使得在各种现代浏览器（包括IE）上复制文本变得更加容易。要使用`clipboard.js`，你需要在项目中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值