ywork2020.com

Title

発生したイベントの種類を取得する

目次 (INDEX)

typeとは

ここで説明する type とは次の語句からなるjQueryのEventObjectプロパティです。
type
読み: タイプ
意味: 種類

目次に戻る

typeプロパティの概要

この EventObject プロパティは、イベントが発生したときのイベントの種類を取得することができます。

目次に戻る

構文

サンプルを見る前に構文を確認しておきます。

構文は 02 行目の部分です。 02 行目の eo は 01行目の function(eo) の イベントオブジェクトを参照しています。

$(Selector).EventMethod(function(eo){
	var eventType = eo.type;
});

目次に戻る

サンプルコードと実行結果

ここでは、ボタン要素の click イベントに関数をアタッチしておき、 イベントメソッドを実行した時に生成されるイベントオブジェクトの type プロパティを取得して表示してみます。

サンプルコード: HTML
<head>
	<style>...</style>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
	<button id="idButton">BUTTON</button>
	<script>...</script>
</body>
  • 06: button (ボタンです。この要素のクリックイベントからイベントオブジェクトのプロパティの値を取得してボタンのテキストに表示します。)
サンプルコード: script
<script>
	$("#idButton").click(function(eo){
		$(this).text(eo.type);
	});
</script>
  • 03: eo.type (イベントオブジェクトの type プロパティを取得しています。 この 03 行目の eo は 02 行目の function(eo) を参照しています。)
実行結果:
実行 :

目次に戻る