Divebi.com

Web Yazılım JS

JavaScript İle Metini Kopyala Butonu

Yayınlanan

İcerisinde

JavaScript

Bu yazımda JavaScript kullanarak form elemanları içindeki metini kopyalama işlemi yapacağız. Yaptığımız bu projede yaptığımız kopyala butonunu geçtiğimiz dünlerde. HEX rengini kopyalamak için buttona tıkladığımda kopyalama işlemi ilgimi çekti, ve bu konu üzerine bağazı araştırmalar yaptım ve sonucunu sizlerle paylaştım.

Projemizi geçmeden önce vermiş olduğum kodları canlı olarak test edebilirsiniz. İlk olarak Divebi Önizle (kod önizleme) web sayfasını kullanabilirsiniz. Veya HTML sayfası oluşturabilirsiniz. Aşağıda vermiş olduğum kodları kullanabilirsiniz veya kopyala yapıştır yaparak kodları test edebilirsiniz.

Canlı Önizleme:


JavaScript Kodları:
function kopyala(){
var metin = document.getElementById("mytext");
metin.select();
document.execCommand("copy");
} 

Proje Kodları:
<!DOCTYPE html>
<html lang="TR-tr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Divebi.com</title>
</head>
<body>
<input type="text" id="mytext" placeholder="Metini giriniz">
<button onclick="kopyala()">Kopyala</button> <br>
<script>
 function kopyala(){
 var metin = document.getElementById("mytext");
 metin.select();
 document.execCommand("copy");
 } 
 </script>
 </body>
 </html>
Yorum yapmak için tıklayın

Cevap bırakın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Trend Olan Gönderiler