HTML | onpaste Event Attribute
The onpaste attribute works when some content are paste in an element. This event attribute is supported by all HTML elements. It is mostly used with <input> element.
There are three ways to paste the content in an HTML elements which are listed below:
- Use CTRL + V key
- Select “Paste” from the edit menu in browser.
- select the “Paste” command from right click menu
Supported Tags: It supports all HTML elements.
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML course.
Syntax:
<element onpaste = "script">
Attribute Value: The script event run when onpaste attribute is called.
Example:
html
<!DOCTYPE html><html> <head> <title>onpaste attribute</title> <style> body { text-align:center; } h1 { color:green; } </style> </head> <body> <h1>GeeksforGeeks</h1> <h2>onpaste Attribute</h2> <input type="text" onpaste="Geeks()" value="A computer science portal for geeks" size="40"> <p id="sudo"></p> <script> function Geeks() { document.getElementById("sudo").innerHTML = "pasted text!"; } </script> </body></html> |
Output:
Supported Browsers: The browser supported by onpaste attribute are listed below:
- Apple Safari
- Google Chrome
- Firefox
- Opera
- Internet Explorer
