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

Thảo luận trong 'Lập trình Javascript, js' bắt đầu bởi admin, 9/3/20.

  1. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    4,378
    Đã được thích:
    1,059
    Điểm thành tích:
    113
    Giới tính:
    Nam
    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é.
     
    Cảm ơn đã xem bài:

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

    danh sách diễn đàn rao vặt gov chất lượng


Like và Share ủng hộ ITSEOVN