Sao chép văn bản vào Clipboard Nhấp vào nút để sao chép văn bản từ trường văn bản hoặc code trong textarea.vào bảng tạm bằng JavaScript.

Chạm vào để copy

<textarea cols="40%" rows="5" class="js-copytextarea">ABC4444 
 </textarea> 
 <button class="js-textareacopybtn">Copy Code</button> 
 
<script> 
['cut', 'copy', 'paste'].forEach(function(event) { 
	console.log(event) 
 document.addEventListener(event, function(e) { 
 console.log(event); 
 }); 
}); 
 
var copyTextareaBtn = document.querySelector('.js-textareacopybtn'); 
 
copyTextareaBtn.addEventListener('click', function(event) { 
 var copyTextarea = document.querySelector('.js-copytextarea'); 
 copyTextarea.select(); 
 
 try { 
 var successful = document.execCommand('copy'); 
 var msg = successful ? 'successful' : 'unsuccessful'; 
 console.log('Copying text command was ' + msg); 
 } catch (err) { 
 console.log('Oops, unable to copy'); 
 } 
}); 
 
 
function getImageData(img) { 
 var canvas = document.createElement("canvas"); 
 canvas.width = img.width; 
 canvas.height = img.height; 
 var ctx = canvas.getContext("2d"); 
 ctx.drawImage(img, 0, 0); 
 var imgd = canvas.toDataURL("image/png"); 
 return imgd; 
} 
 
 
function copyImage(url){ 
 var img=document.createElement('img'); 
 img.src=url; 
 document.body.appendChild(img); 
 var r = document.createRange(); 
 r.setStartBefore(img); 
 r.setEndAfter(img); 
 r.selectNode(img); 
 var sel = window.getSelection(); 
 sel.addRange(r); 
 document.execCommand('Copy'); 
} 
 
 
function copyTextToClipboard(text) { 
 var textArea = document.createElement("textarea"); 
 
 // 
 // *** This styling is an extra step which is likely not required. *** 
 // 
 // Why is it here? To ensure: 
 // 1. the element is able to have focus and selection. 
 // 2. if element was to flash render it has minimal visual impact. 
 // 3. less flakyness with selection and copying which **might** occur if 
 // the textarea element is not visible. 
 // 
 // The likelihood is the element won't even render, not even a flash, 
 // so some of these are just precautions. However in IE the element 
 // is visible whilst the popup box asking the user for permission for 
 // the web page to copy to the clipboard. 
 // 
 
 // Place in top-left corner of screen regardless of scroll position. 
 textArea.style.position = 'fixed'; 
 textArea.style.top = 0; 
 textArea.style.left = 0; 
 
 // Ensure it has a small width and height. Setting to 1px / 1em 
 // doesn't work as this gives a negative w/h on some browsers. 
 textArea.style.width = '2em'; 
 textArea.style.height = '2em'; 
 
 // We don't need padding, reducing the size if it does flash render. 
 textArea.style.padding = 0; 
 
 // Clean up any borders. 
 textArea.style.border = 'none'; 
 textArea.style.outline = 'none'; 
 textArea.style.boxShadow = 'none'; 
 
 // Avoid flash of white box if rendered for any reason. 
 textArea.style.background = 'transparent'; 
 
 
 textArea.value = text; 
 
 document.body.appendChild(textArea); 
 
 textArea.select(); 
 
 try { 
 var successful = document.execCommand('copy'); 
 var msg = successful ? 'successful' : 'unsuccessful'; 
 console.log('Copying text command was ' + msg); 
 } catch (err) { 
 console.log('Oops, unable to copy'); 
 } 
 
 document.body.removeChild(textArea); 
} 
 
 
var copyBobBtn = document.querySelector('.js-copy-bob-btn'), 
 copyJaneBtn = document.querySelector('.js-copy-jane-btn'); 
 
copyBobBtn.addEventListener('click', function(event) { 
 copyTextToClipboard('Bob'); 
 copyImage('https://placeholdit.imgix.net/~text?txtsize=33&txt=350%C3%97150&w=350&h=150') 
}); 
copyJaneBtn.addEventListener('click', function(event) { 
 copyTextToClipboard('Jane'); 
}); 
</script></div></div>

Sao chép văn bản vào Clipboard Nhấp vào nút để sao chép văn bản từ trường văn bản hoặc code trong textarea,input.vào bảng tạm bằng JavaScript.

Dưới đây là các textarea thương dùng

Chúng ta có thể tạo một khung Style để đưa code vào

Ảnh sex 4

Ảnh sex 3

Ảnh sex 55

Ảnh sex 54

Ảnh sex 53

Ảnh sex 52

Ảnh sex 50

Ảnh sex 49

Ảnh sex 48

Ảnh sex 47

Ảnh sex 46

Ảnh sex 45

Ảnh sex 44

Ảnh sex 43

Ảnh sex 42

Ảnh sex 41

Ảnh sex 40

Ảnh sex 39

Ảnh sex 38

Ảnh sex 37

Ảnh sex 36

Ảnh sex 35

Ảnh sex 33

Ảnh sex 32

Ảnh sex 31

Ảnh sex 17