onpaste
Event
Example
Execute JavaScript when text is pasted into an <input>
element:
<input type="text" onpaste="myFunction()" value="Try pasting text here">
More examples can be found at the bottom of this article.
Definition and Usage
The onpaste
event is triggered when the user pastes text into an element.
Note: Although onpaste
event is supported by all HTML elements, it is not actually supported by all elements, such as <p>
elements, unless contenteditable
is set to "true" (see more examples below).
Tip: The onpaste
event is commonly used with <input>
elements of type="text".
Tip: There are three ways to paste content into an element:
- Press CTRL + V
- Select "Paste" from the browser's edit menu
- Right-click the mouse button and select "Paste" from the context menu.
Browser Support
Event | |||||
---|---|---|---|---|---|
onpaste | Yes | Yes | Yes | Yes | Yes |
Syntax
In HTML:
In JavaScript:
In JavaScript, using the addEventListener()
method:
Note: Internet Explorer 8 and earlier versions do not support the addEventListener()
method.
Bubbles: | Yes |
---|---|
Cancelable: | Yes |
--- | --- |
Event type: | ClipboardEvent |
--- | --- |
Supported HTML tags: | All HTML elements |
--- | --- |
More Examples
Example
Execute JavaScript when text is pasted into a <p>
element (note contenteditable
set to "true"):
<p contenteditable="true" onpaste="myFunction()">Try pasting content into this paragraph.</p>
Related Pages
HTML DOM Reference: oncopy Event
HTML DOM Reference: oncut Event