oncopy 事件

什么是 oncopy 事件？

oncopy 事件是一个 DOM 事件，当用户执行复制操作时触发。可以通过 JavaScript 来监听该事件，并在触发时执行相应的操作。

如何使用 oncopy 事件实现文本复制功能？

下面是一个简单的示例代码，演示如何使用 oncopy 事件实现文本复制功能：

// www.javascriptcn.com code example
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Copy Text</title>
</head>
<body>
    <input type="text" id="copyText" value="Hello, World!">
    <button id="copyButton">Copy Text</button>

    <script>
        const copyText = document.getElementById('copyText');
        const copyButton = document.getElementById('copyButton');

        copyButton.addEventListener('click', () => {
            copyText.select();
            document.execCommand('copy');
            alert('Text copied!');
        });
    </script>
</body>
</html>

在上面的示例中，我们创建了一个输入框和一个按钮，当用户点击按钮时，会将输入框中的文本复制到剪贴板中，并弹出提示框显示“Text copied!”。

注意事项

• oncopy 事件只有在用户通过快捷键或右键菜单执行复制操作时才会触发，如果通过 JavaScript 来复制文本，不会触发 oncopy 事件。
• 在某些浏览器中，oncopy 事件可能会受到安全策略的限制，导致无法正常触发，建议在实际项目中进行兼容性测试。

通过使用 oncopy 事件，我们可以方便地实现文本复制功能，提升用户体验。希望本文对你有所帮助！