Một plugin jQuery sao chép vào khay nhớ tạm cho phép một nút sao chép bất kỳ văn bản nào trong phần tử vùng chứa vào khay nhớ tạm của người dùng.

Bạn đang xem : sao chép jquery vào nút khay nhớ tạm

Một plugin jQuery sao chép vào khay nhớ tạm cho phép một nút sao chép bất kỳ văn bản nào trong phần tử vùng chứa vào khay nhớ tạm của người dùng.

Nó cũng đi kèm với một chức năng gọi lại sẽ được kích hoạt sau khi văn bản đã được sao chép.

Cách sử dụng:

1. Tải tệp JavaScript chính copyToClipboard.js sau jQuery.

 & lt; script src = "/ path / to / cdn / jquery.slim.min.js" & gt; & lt; / script & gt;
& lt; script src = "/ path / to / src / copyToClipboard.js" & gt; & lt; / script & gt;

2. Đính kèm bản sao vào khay nhớ tạm vào phần tử của bạn có nội dung sẽ được sao chép vào khay nhớ tạm.

 & lt; pre class = "test" & gt;
  ... Nội dung ở đây ...
& lt; / pre & gt;
 $ (function () {
  $ ('. test'). copyToClipboard ();
});

3. Tùy chỉnh văn bản được hiển thị trong nút sao chép vào khay nhớ tạm.

 $ (function () {
  $ ('. test'). copyToClipboard ({
    buttonText: 'Sao chép (Không Gọi lại)',
  });
});

4. Kích hoạt chức năng gọi lại và trả về dữ liệu bạn vừa sao chép.

 $ (function () {
  $ ('. test'). copyToClipboard ({
    buttonText: 'Sao chép (Có Gọi lại)',
    callback: function (data) {
      console.log (dữ liệu);
    }
  });
});

5. Áp dụng các kiểu của riêng bạn cho nút sao chép vào khay nhớ tạm. Trong ví dụ này, nút này được đặt ở góc trên cùng bên phải của vùng chứa và chỉ hiển thị khi bạn di chuột qua vùng chứa.

. copyToClipboard-button {
  nền: đen;
  vị trí: tuyệt đối;
  phải: 0px;
  đầu trang: 0px;
  không trưng bày;
  con trỏ: con trỏ;
  đệm: 5px;
}

Changelog:

2021-07-29

  • Xóa nhật ký bảng điều khiển khỏi JS
Xem Thêm  Phông chữ đậm trong HTML - Độ đậm phông chữ cho các chữ cái - mã cho phông chữ đậm

Plugin jQuery tuyệt vời này được phát triển bởi BurosystemhausSchafe . Để biết thêm các Cách sử dụng Nâng cao, vui lòng kiểm tra trang demo hoặc truy cập trang web chính thức.


Xem thêm những thông tin liên quan đến chủ đề nút sao chép jquery vào khay nhớ tạm

Copy/Store HTML Text in Clipboard using Jquery

  • Tác giả: Roneet Kumar
  • Ngày đăng: 2017-11-28
  • Đánh giá: 4 ⭐ ( 2818 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: In this video you will learn how to Store HTML Text in Clipboard using Jquery in 4 minutes.

    Links :-
    ~ Source Code :-
    https://codepen.io/roneetkumar/pen/NwBKgg

    ~ Jquery File :-
    https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js

    Follow me on :-
    Twitter : https://twitter.com/iamroneet
    G Plus : https://plus.google.com/+RoneetKumar
    Github : https://github.com/roneetkumar
    Codepen : https://codepen.io/roneetkumar

Làm cách nào để sao chép vào khay nhớ tạm trong JavaScript?

  • Tác giả: presbyteryofstockton.org
  • Đánh giá: 5 ⭐ ( 8795 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Sao chép văn bản vào khay nhớ tạm bằng JavaScript Tạo một phần tử

Nhấp vào sao chép nút vào khay nhớ tạm bằng jQuery

  • Tác giả: helpex.vn
  • Đánh giá: 5 ⭐ ( 5370 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Làm cách nào để sao chép văn bản bên trong một div vào khay nhớ tạm? Tôi có một div và cần thêm một liên kết sẽ thêm văn bản vào khay nhớ tạm. đó có phải là cách giải quyết?

Nhấp vào sao chép nút vào khay nhớ tạm bằng jQuery

  • Tác giả: vi.moms4more.org
  • Đánh giá: 5 ⭐ ( 5127 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Làm cách nào để sao chép văn bản bên trong div vào khay nhớ tạm? Tôi có một div và cần thêm một liên kết sẽ thêm văn bản vào khay nhớ tạm. đó có phải là cách giải quyết?

    Lorem Ip …

Nhấp vào sao chép nút vào khay nhớ tạm bằng jQuery

  • Tác giả: isolution.pro
  • Đánh giá: 5 ⭐ ( 2418 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Sao chép đầu ra của một biến JavaScript vào khay nhớ tạm

  • Tác giả: qastack.vn
  • Đánh giá: 4 ⭐ ( 7953 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] function copyToClipboard(text) { var dummy = document.createElement(“textarea”); // to avoid breaking orgain page when copying more…

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Khối nội tuyến CSS - hiển thị khối nội tuyến css

By ads_php