JavaScriptのonkeypressイベント入力例（キーボードのキーを長押し）_基礎知識

JavaScript onkeypress イベント

onkeypress イベントは、ユーザーがキーボードのキーを押すか押し続けるとトリガーされます。

注: onkeypress イベントは、onkeydown イベントとは少し異なります。onkeypress イベントは、対応するファンクション キーの押下を処理しません。具体的には、次の例を onkeydown イベントに変更し、!@#$ などの特殊文字を入力して、両者の違いを感じてください。

ヒント

Internet Explorer/Chrome ブラウザは、event.keyCode を使用して押された文字を取得しますが、Netscape/Firefox/Opera などのブラウザは、event.that を使用します。

onkeypress イベントを使用して数字の入力のみを許可します

次は、onkeypress イベントを使用してユーザーがフォーム フィールドに数字のみを入力できるようにする例です。

<頭>
<スクリプト>
関数 checkNumber(e)
{
var keynum = window.event ? e.keyCode : e.that;
//alert(keynum);
vartip = document.getElementById("tip");
If( (48 tip.innerHTML = "";
true を返します;
}else {
tip.innerHTML = "ヒント: 入力できるのは数字のみです!";
return false;
}
}

<本文>

数字を入力してください:

event.keyCode/event. は、onkeydown イベント セクションにリストされています。この例では、テキスト フィールドの Backspace キーをサポートするために、値 8 が特別に処理されます。