English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery keypress() メソッド

jQueryのイベント

keypress()メソッドはkeypressイベントをトリガーし、またはkeypressイベントが発生したときに実行される関数を追加します。

キーボードイベントはキーボードイベントに似ています。キーが押されたときに発生します。

ただし、すべてのキー(例えばALT、CTRL、SHIFT、ESC、BACKSPACE)に対してkeypressイベントがトリガーされません。

注意:キーボードイベントに関連するイベントの順序は以下の通りです:

使用方法:event.which属性は押されたキーボードのキーを返します。

文法:

選択された要素のキーボードイベントをトリガーします:

$(selector).keypress()

機能をキーボードイベントに追加します:

$(selector).keypress(function)

<input>フィールドにキーを押したときに、アラートが弹出ます:

$("input").keypress(function(){
  alert("ようこそ基本チュートリアルオンライン ja.oldtoolbag.com!!!");
});
テストを見て‹/›

キーボードキーが押されたときに<input>フィールドの背景色を設定します:

$("input").keypress(function(event){
  $(this).css("background-color", "yellow");
  $("span").text(event.type);
});
テストを見て‹/›

どのキーが押されたか確認してください:

$("input").keypress(function(event){ 
  $("div").text("キー: " + event.which);
});
テストを見て‹/›

以下<input>フィールドのkeypressイベントをトリガーします:

$("#btn1").click(function(){
  $("input").keypress();
});
テストを見て‹/›

引数の値

引数説明
functionキーボードイベントがトリガーされたときに実行される機能

jQueryのイベント