HTML onpaste Attribute

Definition and Usage

The onpaste attribute fires when the user pastes some content in an element.

Note: Although the onpaste attribute is supported by all HTML elements, it is not actually possible to paste some content in, for example, a <p> element, UNLESS the element has set contenteditable to "true" (See "More Examples" below).

Tip: The onpaste attribute is mostly used on <input> elements with type="text".

Tip: There are three ways to paste some content in an element:

Press CTRL + V
Select "Paste" from the Edit menu in your browser
Right click to display the context menu and select the "Paste" command

Applies to

The onpaste attribute is part of the Event Attributes, and can be used on any HTML elements.

Elements	Event
All HTML elements	onpaste

Browser Support

Input Example. 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:

How to Execute a JavaScript when pasting some text in a <p> element (Note that contenteditable is set to "true") - HTML onpaste Attribute

P Example. Try to paste something inside this paragraph.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<p contenteditable="true" onpaste="myFunction()">Try to paste something inside this paragraph.</p>

<script>
function myFunction() {
  alert("You pasted text!");
}
</script>

</body>
</html>

Output should be:

html onpaste attribute

Type:	Develop
Category:	Web Tutorial
Sub Category:	HTML Attribute
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference