Open In App

HTML DOM onpaste Event

Improve
Improve
Like Article
Like
Save
Share
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

Last Updated : 15 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads