1. Home

onpaste Event

Execute a JavaScript when pasting some text in an <input> element

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">

    In JavaScript:

    object.onpaste = function(){myScript};

    In JavaScript, using the addEventListener() method:

    object.addEventListener("paste", myScript);
    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>

    Related Pages

    HTML DOM reference: oncopy event

    HTML DOM reference: oncut event

    Categories

    HTML CSS3 Bootstrap Foundation Sass JavaScript TypeScript JQuery AngularJS React NodeJS Highcharts PHP Python Python3 Django Linux Docker Ruby Java C C ++ Perl Servlet JSP Lua Scala Go ASP C # SQL MySQL SQLite MongoDB Redis Android Swift ionic Kotlin XML tutorial

    Contact US