读取用户剪贴板内容

最新推荐文章于 2024-08-19 15:26:06 发布

Bunny0212

最新推荐文章于 2024-08-19 15:26:06 发布

阅读量207

点赞数

分类专栏：前端文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_46533577/article/details/134220782

版权

前端专栏收录该内容

92 篇文章 0 订阅

订阅专栏

读取用户剪贴板内容

在Web开发中，要读取用户剪贴板的内容，可以使用Clipboard API。这个API提供了一组方法和事件，用于访问和操作用户的剪贴板数据。

HTML

<body>
    <button onclick="readClipboard()">读取剪切板内容</button>

    <textarea name="" id="showText" cols="30" rows="10"></textarea>
</body>

const showText = document.getElementById("showText");

async function readClipboard() {
    try {
        const clipboard = await navigator.clipboard.readText();
        showText.innerHTML = clipboard;
    } catch (error) {
        showText.innerHTML = `${error.message}\n出错了`;
    }
}