Open In App

HTML DOM onpaste Event

Last Updated : 15 Jun, 2023
Comments
Improve
Suggest changes
Like Article
Like
Report

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

Next Article

Similar Reads