html tutorial - onpaste Attribute in HTML - html5 - html code - html form
Learn html - html tutorial - Onpaste attribute in html - html examples - html programs
- The onpaste attribute triggers when the user paste certain contents.
- The onpaste attribute is an Event attribute.
Syntax for onpaste attribute in HTML:
<element onpaste="script">Applies To:
| Element | Attribute |
|---|---|
| All HTML Elements | onpaste |
Attribute Values:
| Value | Description |
|---|---|
| script | The script to be run on onpaste. |
Sample Coding for onpaste Attribute in HTML:
Tryit<!DOCTYPE html>
<html>
<body>
<center>
<input type="text" onpaste="process()"value="paste your text here" size="40">
</center>
<p id="sample">
</p>
<script>
function process()
{
document.getElementById("sample").innerHTML = "Your text is pasted!";
}
</script>
</body>
</html>Code Explanation for onpaste Attribute in HTML:
- The onpaste attribute is used to call the process() JavaSript function, when user paste some text as input.
- The process() JavaScript function used to display “Your text is pasted!” in a <p> tag which has id as “sample”.
Output for onpaste Attribute in HTML:
- Here the <input> element text box shows that paste your text here, when the HTML page was load.
- When user paste the text Wikitechy in the input field then “Your text is pasted!” text is displayed.
Browser Support for onpaste Attribute in HTML:
 |
 |
 |
 |
 |
|---|---|---|---|---|
| Yes | Yes | Yes | Yes | Yes |