Jquery_jquery の Event オブジェクト プロパティの概要

JS の Event オブジェクトは、イベントがトリガーされたときにイベント処理関数に渡されるオブジェクトです。このオブジェクトには、イベントをトリガーするための基本情報が含まれています。例: イベントをトリガーしたイベント ソース、キーボード コード (存在する場合) などの基本情報。

1.event.type

を通じてイベントのタイプを取得します。

コードをコピーします コードは次のとおりです:

<スクリプト>
$(関数(){
$("a").click(function(event) {
alert(event.type);//イベントタイプを取得します
//return false //リンクジャンプを防止します
Event.preventDefault();
});
})

2. イベントターゲットの属性値を取得します
コードの HTML 部分は次のとおりです:

コードをコピーします コードは次のとおりです:

クリックしてください。

コードをコピーします コードは次のとおりです:

<スクリプト>
$(関数(){
$("a[href=http://google.com]").click(function(event) {
alert(event.target.href);//イベントをトリガーした 要素の href 属性値を取得します
return false;//リンクジャンプを防止します
});
})

属性 href の値は「http://google.com」として取得できます。

3. マウスに対応する座標値 x と y を取得します

コードをコピーします コードは次のとおりです:

<スクリプト>
$(関数(){
$("a").click(function(e) {
alert("現在のマウス位置: " e.pageX ", " e.pageY );//ページに対するマウスの現在の座標を取得します
return false;//リンクジャンプを防止します
});
})

ここで渡されるパラメータ名はeventである必要はなく、以下に該当する限り、任意の名前にすることができます。渡されるデフォルト値はeventです。パラメータを指定しない場合、デフォルトでは、event というパラメータが渡されます。

4. 対応するイベントに対応する値を取得できる属性
what 属性は、どのキーまたはボタンが押されたかを示します。

コードをコピーします コードは次のとおりです:

<スクリプト>
$(関数(){
$("a").mousedown(function(e){
alert(e.that) // 1 = マウスの左ボタン 2 = マウスの中ボタン 3 = マウスの右ボタン
return false;//リンクジャンプを防止します
})
})

JavaScript でキーの Keycode 値を取得する方法については、以下を参照してください:

コードをコピー コードは次のとおりです:

キーコード 8 = BackSpace BackSpace
キーコード 9 = タブ タブ
キーコード 12 = クリア
キーコード 13 = Enter
キーコード 16 = Shift_L
キーコード 17 = Control_L
キーコード 18 = Alt_L
キーコード 19 = 一時停止
キーコード 20 = Caps_Lock
キーコード 27 = エスケープ エスケープ
キーコード 32 = スペース スペース
キーコード 33 = 前
キーコード 34 = 次へ
キーコード 35 = 終了
キーコード 36 = ホーム
キーコード 37 = 左
キーコード 38 = 上
キーコード 39 = 右
キーコード 40 = 下
キーコード 41 =
を選択します キーコード 42 = 印刷
キーコード 43 =
を実行します キーコード 45 =
を挿入 キーコード 46 = 削除
キーコード 47 = ヘルプ
キーコード 48 = 0 等しい中括弧右
キーコード 49 = 1 素晴らしい
キーコード 50 = 2 quotebl twosuperior
キーコード 51 = 3 セクション 3 上位
キーコード 52 = 4 ドル
キーコード 53 = 5 パーセント
キーコード 54 = 6 アンパサンド
キーコード 55 = 7 スラッシュ中括弧左
キーコード 56 = 8 親左ブラケット左
キーコード 57 = 9 親右括弧右
キーコード 65 = a A
キーコード 66 = b B
キーコード 67 = c C
キーコード 68 = d D
キーコード 69 = e E ユーロサイン
キーコード 70 = f F
キーコード 71 = g G
キーコード 72 = h H
キーコード 73 = i I
キーコード 74 = j J
キーコード 75 = k K
キーコード 76 = l L
キーコード 77 = m M mu
キーコード 78 = n N
キーコード 79 = o O
キーコード 80 = p P
キーコード 81 =
で q Q キーコード 82 = r R
キーコード 83 = s S
キーコード 84 = t T
キーコード 85 = u U
キーコード 86 = v V
キーコード 87 = w W
キーコード 88 = x X
キーコード 89 = y Y
キーコード 90 = z Z
キーコード 96 = KP_0 KP_0
キーコード 97 = KP_1 KP_1
キーコード 98 = KP_2 KP_2
キーコード 99 = KP_3 KP_3
キーコード 100 = KP_4 KP_4
キーコード 101 = KP_5 KP_5
キーコード 102 = KP_6 KP_6
キーコード 103 = KP_7 KP_7
キーコード 104 = KP_8 KP_8
キーコード 105 = KP_9 KP_9
キーコード 106 = KP_Multiply KP_Multiply
キーコード 107 = KP_Add KP_Add
キーコード 108 = KP_Separator KP_Separator
キーコード 109 = KP_Subtract KP_Subtract
キーコード 110 = KP_Decimal KP_Decimal
キーコード 111 = KP_Divide KP_Divide
キーコード 112 = F1
キーコード 113 = F2
キーコード 114 = F3
キーコード 115 = F4
キーコード 116 = F5
キーコード 117 = F6
キーコード 118 = F7
キーコード 119 = F8
キーコード 120 = F9
キーコード 121 = F10
キーコード 122 = F11
キーコード 123 = F12
キーコード 124 = F13
キーコード 125 = F14
キーコード 126 = F15
キーコード 127 = F16
キーコード 128 = F17
キーコード 129 = F18
キーコード 130 = F19
キーコード 131 = F20
キーコード 132 = F21
キーコード 133 = F22
キーコード 134 = F23
キーコード 135 = F24
キーコード 136 = Num_Lock
キーコード 137 = Scroll_Lock
キーコード 187 = 急性墓
キーコード 188 = カンマ セミコロン
キーコード 189 = マイナスアンダースコア
キーコード 190 = ピリオドコロン
キーコード 192 = 数字記号アポストロフィ
キーコード 210 = プラスマイナス ハイフン マクロン
キーコード 212 = 著作権登録済み
キーコード 213 = ギルモ左、ギルモ右
キーコード 214 = 男性または女性
キーコード 215 = ae AE
キーコード 216 = セント円
キーコード 217 = クエスチョンダウン エクスクラムダウン
キーコード 218 = 1/4 1/2 3/4
キーコード 220 = 小さいバー
キーコード 221 = プラス アスタリスク ascitilde
キーコード 227 = 乗算除算
キーコード 228 = acircumflex Acircumflex
キーコード 229 = ecircumflex Ecircumflex
キーコード 230 = icircumflex Icircumflex
キーコード 231 = Ocircumflex Ocircumflex
キーコード 232 = ucircumflex Ucircumflex
キーコード 233 = ティルダ ティルダ
キーコード 234 = ヤキュート Yacute
キーコード 235 = オラッシュ Ooblique
キーコード 236 = リング アリング
キーコード 237 = ccedilla ccedilla
キーコード 238 = とげ THORN
キーコード 239 = eth ETH
キーコード 240 = 分音符セディラ通貨
キーコード 241 = アグレイブ アグレイブ アティルデ アティルダ
キーコード 242 = エグレイブ エグレイブ
キーコード 243 = イグレイブ イグレイブ
キーコード 244 = オーグレイブ オーグレイブ オチルダ オチルダ
キーコード 245 = ウグレイブ ウグレイブ
キーコード 246 = アディアエレシス アディアエレシス
キーコード 247 = エディアエレシス エディアエレシス
キーコード 248 = イディアエレシス イディアエレシス
キーコード 249 = オディエレシス オディエレシス
キーコード 250 = ウディアエレシス ウディアエレシス
キーコード 251 = ssharp 質問バックスラッシュ
キーコード 252 = asciicircum 次数
キーコード 253 = 3 スターリング
キーコード 254 = モードスイッチ

上記は js でのキー値の参照です。より重要なものは、13 (Enter)、32 (スペース)、27 (ESC)、16 (Shift)、17 (Ctrl)、18 (Alt) です。

以下の jQuery を介してさらに多くの値を取得できます:

コードをコピーします コードは次のとおりです:

<スクリプト>
$(関数(){
$("input").keyup(function(e){//キーアップ時間の値を取得します
アラート(e.that);
})
})