Evento oncut
Exemplo
Execute um JavaScript ao cortar algum texto em um elemento <input>:
<input type="text" oncut="myFunction()" value="Try to cut this text">
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O evento oncut ocorre quando o usuário corta o conteúdo de um elemento.
Nota: Embora o evento oncut seja suportado por todos os elementos HTML, na verdade não é possível cortar o conteúdo de, por exemplo, um elemento <p>, A MENOS que o elemento tenha definido contenteditable como "true" (Veja "Mais exemplos" abaixo ).
Dica: O evento oncut é usado principalmente em elementos <input> com type="text".
Dica: Existem três maneiras de cortar o conteúdo de um elemento:
- Pressione CTRL + X
- Selecione "Recortar" no menu Editar do seu navegador
- Clique com o botão direito para exibir o menu de contexto e selecione o comando "Cortar"
Suporte ao navegador
Event | |||||
---|---|---|---|---|---|
oncut | Yes | Yes | Yes | Yes | Yes |
Sintaxe
Em HTML:
<element oncut="myScript">
Em JavaScript:
object.oncut = function(){myScript};
Em JavaScript, usando o método addEventListener():
object.addEventListener("cut", myScript);
Observação: o método addEventListener() não é compatível com o Internet Explorer 8 e versões anteriores.
Detalhes técnicos
Bolhas: | sim |
---|---|
Cancelável: | sim |
Tipo de evento: | Evento da área de transferência |
Tags HTML suportadas: | Todos os elementos HTML |
Mais exemplos
Exemplo
Execute um JavaScript ao cortar algum texto de um elemento <p> (Observe que contenteditable está definido como "true"):
<p contenteditable="true" oncut="myFunction()">Try to cut this text</p>
Páginas relacionadas
Referência HTML DOM: evento oncopy
Referência HTML DOM: evento onpaste