Esempio
Esegui un JavaScript quando si incolla del testo in un <input> elemento:
<input type="text"
onpaste="myFunction()" value="Paste something in here">
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
L'evento onpaste si verifica quando l'utente incolla alcuni contenuti in un elemento.
Nota: Anche se l'evento onpaste è supportato da tutti gli elementi HTML, non è effettivamente possibile incollare alcuni contenuti, per esempio, un <p> elemento, meno che l'elemento ha fissato contenteditable a "true" (Vedere "More Examples" qui sotto ).
Suggerimento: L'evento onpaste è usato soprattutto su <input> elementi con type = "text".
Suggerimento: Ci sono tre modi per incollare alcuni contenuti in un elemento:
- Premere CTRL + V
- Selezionare "Paste" dal menu Modifica nel browser
- Tasto destro del mouse per visualizzare il menu contestuale e selezionare il "Paste" comando.
Supporto browser
Evento | |||||
---|---|---|---|---|---|
onpaste | sì | sì | sì | sì | sì |
Sintassi
In HTML:
In JavaScript:
object .onpaste=function(){ Prova tu stesso "
In JavaScript, utilizzando il addEventListener() Metodo:
object .addEventListener("paste", myScript );
Prova tu stesso " Nota: addEventListener() metodo non è supportato in Internet Explorer 8 e versioni precedenti.
Dettagli tecnici
bolle: | sì |
---|---|
cancelable: | sì |
Tipo di evento: | ClipboardEvent |
tag HTML supportati: | Tutti gli elementi HTML |

Altri esempi
Esempio
Esegui un JavaScript quando si incolla del testo in un <p> elemento (Si noti che contenteditable è impostato su "true"):
<p contenteditable="true" onpaste="myFunction()">Try to
paste something inside this paragraph.</p>
Prova tu stesso " Pagine correlate
Di riferimento HTML DOM: evento oncopy
Di riferimento HTML DOM: evento oncut
