JavaScript 技术篇-chrome利用ClipboardEvent写入剪切板,chrome写入剪切板不成功解决方法

简介: JavaScript 技术篇-chrome利用ClipboardEvent写入剪切板,chrome写入剪切板不成功解决方法

开始用 ClipboardEvent 怎么也不成功,后来仔细阅读开发文档才发现,需要通过 document.execCommand() 来执行 copypastecut 命令,进而触发 ClipboardEvent 事件,才成功的。

image.png

我的 el 是绑定的某个 dom 节点,你可以直接替换为 document 也可以。

function handler(event) {
  event.clipboardData.setData('text/plain', "要进行复制的内容");
  event.preventDefault();
}
el.addEventListener('copy', handler);   // 增加copy监听
el.execCommand('copy');   // 执行copy命令触发监听
el.removeEventListener('copy', handler);   // 移除copy监听,不产生影响

喜欢的点个赞❤吧!


目录
相关文章
|
4天前
|
JSON 前端开发 JavaScript
在JavaScript中,异步编程是一种处理非阻塞操作(如网络请求、文件读写等)的重要技术
【6月更文挑战第12天】JavaScript中的异步编程通过Promise和async/await处理非阻塞操作。Promise管理异步操作的三种状态,防止回调地狱,支持链式调用和并行处理。async/await是ES8引入的语法糖,使异步代码更像同步代码,提高可读性。两者结合使用能更高效地处理复杂异步场景。
15 3
|
4天前
|
JavaScript 前端开发 UED
深入理解JavaScript中的节流与防抖技术
理解并合理运用节流与防抖技术,可以帮助我们优化事件处理函数的执行频率,从而提升应用的性能和用户体验。这两种技术通过减少不必要的计算和DOM操作,使得Web应用程序能够更加流畅地运行。 通过掌握防抖和节流的实现原理及应用场景,开发者可以更加灵活地编写高效且性能优化的代码,对于面对高频事件处理时尤其重要。在开发中合理选择使用防抖或节流,将直接影响到应用的响应性和效率。
8 1
|
4天前
|
前端开发 JavaScript 开发者
JavaScript中的异步操作与回调地狱解决方法
JavaScript中的异步操作与回调地狱解决方法 在现代的Web开发中,JavaScript扮演着极为重要的角色,尤其是在处理网络请求、文件操作或者任何可能耗费时间的操作时。为了不阻塞程序的执行,JavaScript 提供了异步编程模型。本文将介绍JavaScript中的异步操作是什么,什么是回调地狱,以及如何解决回调地狱问题。 什么是异步操作? 异步操作指的是那些不会立即完成的操作,程序可以在等待异步操作完成的同时,继续执行其他代码。JavaScript通常使用事件循环机制处理异步操作,这使得它可以在不阻塞主线程的情况下执行任务。 常见的异步操作包括: 网络请求(如使用 XMLHt
6 2
|
6天前
|
前端开发 JavaScript API
JavaScript中的异步编程技术探究
JavaScript作为一种前端开发语言,具有强大的异步编程能力,本文将深入探讨JavaScript中的异步编程技术,包括回调函数、Promise、async/await以及最新的ES2022中的并行执行模型,帮助开发者更好地理解和应用JavaScript异步编程。
|
10天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的基于协同过滤技术的网上书城附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的基于协同过滤技术的网上书城附带文章和源代码部署视频讲解等
14 1
|
11天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的计算机科学与技术学习网站附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的计算机科学与技术学习网站附带文章和源代码部署视频讲解等
15 0
|
12天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的技术疫情防控自动售货机系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的技术疫情防控自动售货机系统附带文章和源代码部署视频讲解等
14 0
基于ssm+vue.js+uniapp小程序的技术疫情防控自动售货机系统附带文章和源代码部署视频讲解等
|
12天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的技术人人享美食平台附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的技术人人享美食平台附带文章和源代码部署视频讲解等
11 0
基于ssm+vue.js+uniapp小程序的技术人人享美食平台附带文章和源代码部署视频讲解等
|
17天前
|
JavaScript 前端开发
JavaScript 解决数组查重 问题(三种解决方法)
JavaScript 解决数组查重 问题(三种解决方法)
15 0
|
18天前
|
缓存 前端开发 JavaScript
基于JavaScript的前端性能优化技术探讨
基于JavaScript的前端性能优化技术探讨
28 1