html clipboard api,剪贴板操作 Clipboard API 教程

80 阅读 0 评论 53 点赞

我是靠谱客的博主怡然抽屉，最近开发中收集的这篇文章主要介绍html clipboard api,剪贴板操作 Clipboard API 教程，觉得挺不错的，现在分享给大家，希望可以做个参考。

一、简介

浏览器允许 JavaScript 脚本读写剪贴板，自动复制或粘贴内容。

一般来说，脚本不应该改动用户的剪贴板，以免不符合用户的预期。但是，有些时候这样做确实能够带来方便，比如"一键复制"功能，用户点击一下按钮，指定的内容就自动进入剪贴板。

目前，一共有三种方法可以实现剪贴板操作。

Document.execCommand()方法

异步的 Clipboard API

copy事件和paste事件

本文逐一介绍这三种方法。

二、Document.execCommand() 方法

Document.execCommand()是操作剪贴板的传统方法，各种浏览器都支持。

它支持复制、剪切和粘贴这三个操作。

document.execCommand('copy')(复制)

document.execCommand('cut')(剪切)

document.execCommand('paste')(粘贴)

(1)复制操作

复制时，先选中文本，然后调用document.execCommand('copy')，选中的文本就会进入剪贴板。

const inputElement = document.querySelector('#input');</

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。