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.
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 3
- Google Chrome 1
- Edge 12
- Firefox 22
- Opera 12.1
- Internet Explorer 9
Please Login to comment...