JS操作浏览器剪切板内容

2024-05-14 18:48

本文主要是介绍JS操作浏览器剪切板内容,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

$('#input-signature')发生粘贴事件时获取剪切板上的内容

$('#input-signature').bind('paste',function(e){

var pastedText = undefined;

if (window.clipboardData && window.clipboardData.getData) { // IE
pastedText = window.clipboardData.getData('Text');
} else {
pastedText = e.originalEvent.clipboardData.getData('Text');//e.clipboardData.getData('text/plain');

}

});

下面的例子演示了当选中的文字被复制时,会弹出一个信息提示框:

<html>
<body>
<p οncοpy="alert('文字已被复制到剪贴板!')">这是一些文字</p>
</body>
</html>

下面是一个改进的例子,当页面上的被容被拷贝时,加入版权信息及原文地址:

<html>
<body>
<script type="text/javascript"> 
document.body.oncopy = function(){event.returnValue = false; var txt_cr = document.selection.createRange().text; var copy_cr = "本文来自我爱开发网, 原文地址:http://www.5idev.cn/p-javascript_oncopy.shtml"; clipboardData.setData('Text',txt_cr+'rn'+copy_cr+'rn'); 
} 
</script>
<p>这是一些文字</p>
</body>
</html>

JavaScript oncut 事件

文本域内的内容被剪切时会触发 oncut 事件。

oncut 实例

下面的例子演示了文本域内的内容被剪切时,会弹出一个信息提示框:

<html>
<body>
<input type="text" value="文字内容" oncut="alert('文字已被剪切!')" />
</body>
</html>

JavaScript onpaste 事件

将剪贴板内的内容向文本域粘贴时,会触发 onpaste 事件。

onpaste 实例

下面的例子演示了一个常用的应用,就是禁止向文本域粘贴内容:

<html>
<body>
<input type="text" οnpaste="return false;" />
</body>
</html>

在该例子中,利用 return false 阻止了粘贴这一行为。在实际应用中,当有一些比较重要的数据时,如手机号、登录密码、网银账号等,为了安全考虑必须手动输入,因此在这些表单文本域,通常是设置为禁止粘贴的。


这篇关于JS操作浏览器剪切板内容的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/989561

相关文章

使用MongoDB进行数据存储的操作流程

《使用MongoDB进行数据存储的操作流程》在现代应用开发中,数据存储是一个至关重要的部分,随着数据量的增大和复杂性的增加,传统的关系型数据库有时难以应对高并发和大数据量的处理需求,MongoDB作为... 目录什么是MongoDB?MongoDB的优势使用MongoDB进行数据存储1. 安装MongoDB

Linux使用fdisk进行磁盘的相关操作

《Linux使用fdisk进行磁盘的相关操作》fdisk命令是Linux中用于管理磁盘分区的强大文本实用程序,这篇文章主要为大家详细介绍了如何使用fdisk进行磁盘的相关操作,需要的可以了解下... 目录简介基本语法示例用法列出所有分区查看指定磁盘的区分管理指定的磁盘进入交互式模式创建一个新的分区删除一个存

Golang操作DuckDB实战案例分享

《Golang操作DuckDB实战案例分享》DuckDB是一个嵌入式SQL数据库引擎,它与众所周知的SQLite非常相似,但它是为olap风格的工作负载设计的,DuckDB支持各种数据类型和SQL特性... 目录DuckDB的主要优点环境准备初始化表和数据查询单行或多行错误处理和事务完整代码最后总结Duck

C# 读写ini文件操作实现

《C#读写ini文件操作实现》本文主要介绍了C#读写ini文件操作实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录一、INI文件结构二、读取INI文件中的数据在C#应用程序中,常将INI文件作为配置文件,用于存储应用程序的

Python使用qrcode库实现生成二维码的操作指南

《Python使用qrcode库实现生成二维码的操作指南》二维码是一种广泛使用的二维条码,因其高效的数据存储能力和易于扫描的特点,广泛应用于支付、身份验证、营销推广等领域,Pythonqrcode库是... 目录一、安装 python qrcode 库二、基本使用方法1. 生成简单二维码2. 生成带 Log

Java操作ElasticSearch的实例详解

《Java操作ElasticSearch的实例详解》Elasticsearch是一个分布式的搜索和分析引擎,广泛用于全文搜索、日志分析等场景,本文将介绍如何在Java应用中使用Elastics... 目录简介环境准备1. 安装 Elasticsearch2. 添加依赖连接 Elasticsearch1. 创

java Stream操作转换方法

《javaStream操作转换方法》文章总结了Java8中流(Stream)API的多种常用方法,包括创建流、过滤、遍历、分组、排序、去重、查找、匹配、转换、归约、打印日志、最大最小值、统计、连接、... 目录流创建1、list 转 map2、filter()过滤3、foreach遍历4、groupingB

Java操作PDF文件实现签订电子合同详细教程

《Java操作PDF文件实现签订电子合同详细教程》:本文主要介绍如何在PDF中加入电子签章与电子签名的过程,包括编写Word文件、生成PDF、为PDF格式做表单、为表单赋值、生成文档以及上传到OB... 目录前言:先看效果:1.编写word文件1.2然后生成PDF格式进行保存1.3我这里是将文件保存到本地后

Python使用Colorama库美化终端输出的操作示例

《Python使用Colorama库美化终端输出的操作示例》在开发命令行工具或调试程序时,我们可能会希望通过颜色来区分重要信息,比如警告、错误、提示等,而Colorama是一个简单易用的Python库... 目录python Colorama 库详解:终端输出美化的神器1. Colorama 是什么?2.

Python视频剪辑合并操作的实现示例

《Python视频剪辑合并操作的实现示例》很多人在创作视频时都需要进行剪辑,本文主要介绍了Python视频剪辑合并操作的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习... 目录介绍安装FFmpegWindowsMACOS安装MoviePy剪切视频合并视频转换视频结论介绍