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