Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Cách sao chép văn bản vào clipboard với JavaScript


Dưới đây là mã để sao chép văn bản vào clipboard với JavaScript:

Ví dụ

<!DOCTYPE html> <html> <head> <style> button { border: none; outline: none; background-color: rgb(191, 187, 255); color: black; font-weight: bold; padding: 10px; } input { padding: 10px; } </style> </head> <body> <h1>Ví dụ Clipboard</h1> <h2>Nhấn nút bên dưới để sao chép văn bản và dán ở đâu đó</h2> <input type="text" value="Hello World" class="textInput" /> <button class="copy">Sao chép văn bản</button> <script> document.querySelector(".copy").addEventListener("click", copyText); function copyText() { var copyText = document.querySelector(".textInput"); copyText.select(); copyText.setSelectionRange(0, 99999); document.execCommand("copy"); alert("Văn bản đã sao chép: " + copyText.value); } </script> </body> </html>

Kết quả

Điều này sẽ cho ra kết quả sau:

Cách sao chép văn bản vào clipboard với JavaScript

Khi nhấn nút 'Sao chép văn bản':

Cách sao chép văn bản vào clipboard với JavaScript