Evento onpaste

Eventi DOM ClipboardEvent

Definizione e uso

L'evento onpaste si verifica quando l'utente incolla contenuti nell'elemento.

Nonostante tutti gli elementi HTML supportino l'evento onpaste, è impossibile incollare contenuti in elementi come <p> a meno che l'elemento abbia impostato contenteditable su "true" (vedi gli esempi di seguito).

Suggerimento： L'evento onpaste è principalmente utilizzato per gli elementi <input> di tipo "text".

Suggerimento：Il contenuto può essere incollato nell'elemento in tre modi：

  • CTRL + V
  • Scegli Incolla dal menu di编辑 del browser
  • Seleziona il comando Incolla nel menu contestuale

Esempio

Esempio 1

Esegui JavaScript quando si incolla del testo all'interno dell'elemento <input>：

<input type="text" onpaste="myFunction()" value="Incolla qualcosa qui">

Prova personalmente

Esempio 2

Esegui JavaScript quando si incolla del testo all'interno dell'elemento <p> (notare che contenteditable è impostato su "true")：

<p contenteditable="true" onpaste="myFunction()">Prova a incollare qualcosa all'interno di questo paragrafo.</p>

Prova personalmente

Sintassi

In HTML：

<elemento onpaste="myScript">

Prova personalmente

In JavaScript：

oggetto.onpaste = function() {myScript};

Prova personalmente

In JavaScript, utilizzare il metodo addEventListener()：

oggetto.addEventListener("paste", myScript);

Prova personalmente

Note：Internet Explorer 8 o versioni precedenti non supportano Metodo addEventListener()。

Dettagli tecnici

Bubbling： Supporto
Cancellabile： Supporto
Tipo di evento： ClipboardEvent
Tag HTML supportati: Tutti gli elementi HTML

Supporto browser

Eventi Chrome IE Firefox Safari Opera
Evento onpaste Supporto Supporto Supporto Supporto Supporto

Pagine correlate

Manuale di riferimento HTML DOM DOM:Evento oncopy

Manuale di riferimento HTML DOM DOM:Evento oncut

Eventi DOM ClipboardEvent