onpaste Event
Example
Execute a JavaScript when pasting some text in an <input> element:
<input type="text"
onpaste="myFunction()" value="Paste something in here">
Try it yourself »
More "Try it Yourself" examples below.
Definition and Usage
The onpaste event occurs when the user pastes some content in an element.
Note: Although the onpaste event 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 event 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.
Browser Support
| Event | |||||
|---|---|---|---|---|---|
| onpaste | Yes | Yes | Yes | Yes | Yes |
Syntax
In HTML:
<element onpaste="myScript">Try it
In JavaScript:
object.onpaste=function(){myScript};Try it
In JavaScript, using the addEventListener() method:
object.addEventListener("paste", myScript);Try it
Note: The addEventListener() method is not supported in Internet Explorer 8 and earlier versions.
Technical Details
| Bubbles: | Yes |
|---|---|
| Cancelable: | Yes |
| Event type: | ClipboardEvent |
| Supported HTML tags: | All HTML elements |
More Examples
Example
Execute a JavaScript when pasting some text in a <p> element (Note that contenteditable is set to "true"):
<p contenteditable="true" onpaste="myFunction()">Try to
paste something inside this paragraph.</p>
Try it yourself »
Related Pages
HTML DOM reference: oncopy event
HTML DOM reference: oncut event
Event Object
