Manuale di riferimento HTML

Completo elenco dei tag HTML

Attributo evento onkeypress in HTML

L'attributo onkeypress viene utilizzato per ottenere o impostare la funzione di gestione degli eventi di pressione di una chiave dell'elemento corrente.

Proprietà degli eventi HTML

Esempio online

Esegui lo script quando si preme un tasto:

Esempio

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Guida di base (oldtoolbag.com)</title>　
<script>
function displayResult()
{
　　　　var x;
　　　　if(window.event) // IE8 e versioni precedenti di IE
　　　　{
　　　　　　　　x=event.keyCode;
　　　　}
　　　　else if(event.which) // IE9/Firefox/Chrome/Opera/Safari
　　　　{
　　　　　　　　x=event.which;
　　　　}
　　　　keychar=String.fromCharCode(x);
　　　　alert("Tasto " + keychar + " premuto");
}
</script>
</head>
<body>
<p>La funzione viene attivata quando l'utente preme un tasto nel campo di input. Questa funzione avvisa della pressione della chiave.</p>
<input type="text" onkeypress="displayResult()">
</body>
</html>

Testa e guarda ‹/›

Compatibilità del browser

IEFirefoxOperaChromeSafari

Tutti i browser principali supportano l'attributo evento onkeypress

Definizione e uso

Quando l'utente preme una chiave (sulla tastiera), viene attivata la proprietà onkeypress.

Suggerimento: Ordine di attivazione degli eventi correlati a onkeypress:

onkeydown
onkeypress
onkeyup

Attenzione: L'evento onkeypress non può attivare tutti i pulsanti in tutti i browser (ad esempio: ALT, CTRL, SHIFT, ESC) . Se si desidera verificare se l'utente ha già premuto un pulsante, Può essere utilizzato onkeydown Sostituisce, onkeydown viene attivato da tutte le pressioni di pulsante.

Attenzione: L'attributo onkeypress non può essere utilizzato con gli elementi: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, o <title>.

Differenze tra HTML 4.01 e HTML5

Nessuna.

Sintassi

<elemento onkeypress="script">

Valore dell'attributo

Valore	Descrizione
script	Stabilisce lo script da eseguire quando si attiva l'evento onkeypress.

Proprietà degli eventi HTML

HTML: <template> etichetta