Cách copy text to Clipboard sử dụng js/jquery/Javascript toàn tập

Copy text to Clipboard chúng ta có nhiều trường hợp khi cần sử dụng. VD copy 1 giá trị mặc định được truyền vào từ phía server, copy giá trị có sẵn trong textbox, copy giá trị có sẵn mặc định.

ITSEOVN sẽ hướng dẫn các bạn cách cách copy này bằng js Jquery hoặc javascript 100% thành công.

1. Copy ở 1 textbox được truyền dữ liệu từ phía server sử dụng Javascript.

HTML:

<input id="txtUrl" value="https://lovemama.vn" type="text" />
<button onclick="geturl()">Copy</button>
<script>
function geturl(){
  var copyText = document.getElementById("txtUrl");
  copyText.select();
  copyText.setSelectionRange(0, 99999)
  document.execCommand("copy");
  alert("Copy thành công.");
  return false;
}
</script>

2. Copy ở 1 giá trị bất kỳ được truyền vào mặc định hoặc ở đâu đó bất kỳ bằng JS

HTML:

<button onclick="geturl('https://lovemama.vn')">Copy</button>
<script>
function geturl(giatri){
  var $temp = $("<input>");
  $("body").append($temp);
  $temp.val(giatri).select();
  document.execCommand("copy");
  $temp.remove();
  alert("Copy thành công.");
}
</script>

Với 2 cách trên bạn có thể tùy biến thứ bất kỳ bạn muốn copy chỉ cần 1 cú click hoặc auto nhé.