HTML DOM onpaste Event

The HTML DOM onpaste event occurs when some content is pasted in an element. this event works on every element like in <p> element if contenteditable set is true then we can paste content in <p> element. The HTML DOM onpaste event is mostly used in input element type="text".

Supported Tags:

It supports all HTML Elements.

Syntax:

In HTML:

<element onpaste="myScript">

In JavaScript:

object.onpaste = function(){myScript};

In JavaScript, using the addEventListener() method:

object.addEventListener("paste", myScript);

Example: Using the addEventListener() method.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML DOM onpaste Event
    </title>
</head>

<body>
    <h1 style="color:green">
        GeeksforGeeks
    </h1>
    <h2>HTML DOM onpaste Event</h2>
    <input type="text" id="inputID" size="37">
  
    <script>
        document.getElementById(
            "inputID").addEventListener("paste", GFGfun);
        function GFGfun() {
            alert("Text pasted");
        }
    </script>
</body>

</html>

Output:

Supported Browsers: The browsers supported by HTML DOM onpaste Event are listed below:

Google Chrome
Internet Explorer
Firefox
Apple Safari
Opera

Explore