THE WORLD'S LARGEST WEB DEVELOPER SITE

onpaste Event

❮ Event Object

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 Yourself »

In JavaScript:

object.onpaste = function(){myScript};
Try it Yourself »

In JavaScript, using the addEventListener() method:

object.addEventListener("paste", myScript);
Try it Yourself »

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