How to execute a JavaScript when pasting some text in an <input> element
Try to paste something in here.
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<input type="text" onpaste="myFunction()" value="Try to paste something in here" size="40">
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "You pasted text!";
}
</script>
</body>
</html>
Output should be:
| Example of HTML onpaste Event Attribute | Clipboard Events Attribute |
| Definition and Usage of HTML onpaste Event Attribute | Clipboard Events Attribute |
| Browser Support of HTML onpaste Event Attribute | Clipboard Events Attribute |
| Syntax of HTML onpaste Event Attribute | Clipboard Events Attribute |
| Attribute Values of HTML onpaste Event Attribute | Clipboard Events Attribute |
| Technical Details of HTML onpaste Event Attribute | Clipboard Events Attribute |
| How to execute a JavaScript when pasting some text in an <input> element | Clipboard Events Attribute |
| How to Execute a JavaScript when pasting some text in a <p> element (Note that contenteditable is set to "true") | Clipboard Events Attribute |
| List of Clipboard Events Attribute | Clipboard Events Attribute |
| HTML oncopy Event Attribute | Clipboard Events Attribute |
| HTML oncut Event Attribute | Clipboard Events Attribute |
| HTML onpaste Event Attribute | Clipboard Events Attribute |
Type: | html |
Category: | Web Tutorial |
Sub Category: | Clipboard Events Attribute |
Uploaded by: | Admin |