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) を参照しています。)
実行 :