Manual de Referência HTML

大全 de etiquetas HTML

Propriedade de evento onkeypress do HTML

A propriedade onkeypress é usada para obter ou definir a função de tratamento do evento onkeypress do elemento atual.

Exemplo Online

Executar script ao pressionar uma tecla:

Exemplo

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Tutorial Básico(oldtoolbag.com)</title>　
<script>
function displayResult()
{
　　　　var x;
　　　　if(window.event)　//　IE8　e versões do IE mais antigas
　　　　{
　　　　　　　　x=event.keyCode;
　　　　}
　　　　else if(event.which)　//　IE9/Firefox/Chrome/Opera/Safari
　　　　{
　　　　　　　　x=event.which;
　　　　}
　　　　keychar=String.fromCharCode(x);
　　　　alert("Tecla pressionada "　+　keychar　+　"Tecla pressionada");
}
</script>
</head>
<body>
<p>Função acionada ao pressionar uma tecla no campo de entrada do usuário. A função informa a tecla pressionada.</p>
<input type="text" onkeypress="displayResult()">
</body>
</html>

Teste e veja ‹/›

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores populares suportam a propriedade de evento onkeypress

Definição e uso

ao pressionar uma tecla (no teclado), o atributo onkeypress é acionado.

Dica: a ordem de ativação dos eventos relacionados ao onkeypress:

onkeydown
onkeypress
onkeyup

Atenção: onkeypress evento não pode acionar todos os botões em todos os navegadores (por exemplo: ALT, CTRL, SHIFT, ESC) . Se você quiser detectar se o usuário já pressionou um botão: pode ser usado onkeydown Substitui, onkeydown é acionado por todos os botões. Se você quiser detectar se o usuário já pressionou um botão:

Atenção: O atributo onkeypress não pode ser usado com os seguintes elementos: <base>, <bdo>, <br>. <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, ou <title>.

HTML 4.01 e HTML5as diferenças entre

Nenhum.

Sintaxe

<elemento onkeypress="script">

Valor do atributo

Valor	Descrição
script	Define o script a ser executado quando o evento onkeypress for acionado.

Atributos de eventos HTML

HTML: <template> tag