How-to paste text from clipboard automatically onload page

paste text,clipboard, javascript

discover How-to paste text from clipboard automatically onload page using javascript

<textarea id="pasteArea" cols="50" rows="10"></textarea><br> <script> window.addEventListener('load', (event) => { let pasteArea = document.getElementById('pasteArea'); pasteArea.focus(); pasteArea.value = ''; navigator.clipboard.readText() .then((text)=>{ pasteArea.value = text; }); }) </script> <textarea id="pasteArea" cols="50" rows="10"></textarea><br>

<script>

window.addEventListener('load', (event) => {
let pasteArea = document.getElementById('pasteArea');
pasteArea.focus();
pasteArea.value = '';

navigator.clipboard.readText()
.then((text)=>{
pasteArea.value = text;
});
})
</script>



In this example we'll learn how to paste text from clipboard automatically inside specific textarea on page is loaded, we need textarea tag and clipboard API JavaScript code to do this.
If you copied certain text, it will be pasted automatically in the text box.
in Chrome browser asks for permission

© 2025 Manajmnt code

Share to :

☷✎

Related

• How to make button with icon from imageIn this code iwill be share with you how to make button with icon from image, we use CSS background:… Read More
• How-to create search bar like google using material iconIn this example, we learn how to create search bar with icon like google, we use table tag and mater… Read More
• How to run JavaScript function when option selectedIn this example we learn how to run javascript when option selected, we need to do this select and o… Read More