HTML | Evento DOM onpaste

El evento HTML DOM onpaste ocurre cuando parte del contenido se pega en un elemento. este evento funciona en todos los elementos como en el elemento <p> si contenteditable se establece en verdadero, entonces podemos pegar el contenido en el elemento <p> .
El evento onpaste HTML DOM se usa principalmente en el elemento de entrada type=”text” .
Etiquetas admitidas 

Es compatible con todos los elementos HTML. 

Sintaxis: 
 

  • En HTML: 
     
<element onpaste="myScript">
  • En JavaScript: 
     
object.onpaste = function(){myScript};
  • En JavaScript, usando el método addEventListener(): 
     
object.addEventListener("paste", myScript);

Ejemplo: Usar el método addEventListener(). 
 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
      HTML DOM onpaste Event
  </title>
</head>
 
<body>
    <center>
        <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>
    </center>
</body>
 
</html>

Producción: 
 

Navegadores compatibles: los navegadores compatibles con HTML DOM onpaste Event se enumeran a continuación: 
 

  • Google Chrome
  • explorador de Internet
  • Firefox
  • safari de manzana
  • Ópera

Publicación traducida automáticamente

Artículo escrito por Vijay Sirra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *