jQuery

jQuery イベントハンドリング

jQueryマニュアル

2023.06.13

イベントハンドリングとは、ユーザーの操作やブラウザの動作など、特定の「イベント」が発生したときに実行されるプログラムのことを指します。

$("p").click(function(){
  alert("pがクリックされました！");
});

このコードは、<p>要素（パラグラフ）がクリックされたときに、アラートメッセージを表示します。

よく使われるjQueryのイベント

以下に、jQueryでよく使われるイベントをいくつか紹介します。

要素がクリックされたときに発生します。

$("#myElement").click(function() {
  alert("要素がクリックされました！");
});

要素がダブルクリックされたときに発生します。

$("#myElement").dblclick(function() {
  alert("要素がダブルクリックされました！");
});

マウスカーソルが要素に入ったときに発生します。

$("#myElement").mouseenter(function() {
  alert("マウスカーソルが要素に入りました！");
});

マウスカーソルが要素から出たときに発生します。

$("#myElement").mouseleave(function() {
  alert("マウスカーソルが要素から出ました！");
});

キーボードのキーが押されたときに発生します。

$(document).keydown(function(e) {
  alert("キー" + e.key + "が押されました！");
});

これらのイベントを用いて、ユーザーの操作に対して対応する動作をプログラムできるようになれば、よりユーザーフレンドリーなウェブサイトを作成することが可能になります。