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...