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