HTML DOM onpaste Event

Last Updated : 15 Jun, 2023

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>