.
<meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /><script src="https://cdn.jsdelivr.net/clipboard.js/1.6.1/clipboard.min.js"></script> <style type="text/css">body{ background: #abbaab; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #ffffff, #abbaab); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #ffffff, #abbaab); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } </style> <div class="container"> <div class="row"> <h1 class="text-center">დავაკოპიროთ ქვემოთ მოყვანილი ტექსტი</h1> <div class="col-md-8 col-md-offset-2"> <p class="lead" id="copytext">მთელი ეს ტექსტი დაკოპირდება როგორც კი დააჭერთ დავაკოპიროთ ტექსტი, თქვენი ტექსტი გამუქდება რადგანაც დაკოპირდება.</p> <a class="pull-right copy-text" data-clipboard-target="#copytext" href="#">[დავაკოპიროთ ტექსტი]</a></div> </div> </div> <script> var clipboard = new Clipboard('.copy-text'); </script>
დააკოპირეთ