Sao chép văn bản của vùng văn bản trong clipboard khi nhấn nút

Question

Tôi đang tìm cách tạo một jQuery (hoặc javascript) button chọn mọi thứ trong một textarea và sau đó sao chép văn bản vào clipboard khi bạn nhấp vào nút.

Tôi đã tìm thấy một số ví dụ sử dụng sự kiện lấy nét. Nhưng tôi đang tìm một nút mà bạn thực sự phải bấm để chọn và sao chép.

Tôi làm cách nào để thực hiện công việc này?

Answer 1

Bạn có thể sử dụng select() để chọn văn bản textarea và sử dụng execCommand('copy') để đối chiếu văn bản đã chọn. Công việc của nó trong phiên bản trên của trình duyệt.

$("button").click(function(){ 
 
    $("textarea").select(); 
 
    document.execCommand('copy'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button>Select</button> 
 
<br/> 
 
<textarea></textarea>