sugulogの日記

JavaScript、イベント!あらゆる動作や出来事を監視するイベントを集めてみた!!

スポンサードリンク

f:id:sugulog:20210501125732p:plain
こんにちは、すぐるです!

sugulogをお読みいただきありがとうございます!!

このブログは、「 過去の無知な自分に向けてわかりやすく説明するなら?? 」を基準に書いています。

少しでもお役に立てれば幸いです。

 

今回は、JavaScriptのイベントを集めてみたということで

  • イベント

について簡単に解説します!!

その為このブログを読むことで、新しいJavaScriptのイベントに出会えたり、何か困ったときのカンニングペーパーとして参考になること間違いなしです!

また、新しいJavaScriptのイベントに出会うたびに追記していきます!!

是非最後までご愛読ください。

 

・JavaSciriptのイベント

あらゆる動作や出来事を我が物にしようと日々学習した思い出順なのでご了承ください。

blur

フォーカスが外れた時のイベント。

・click

クリック時のイベント。

・DOMContentLoaded

HTMLの解析完了時のイベント。script要素にdefer属性を設定する際は不要。

・focus

フォーカスが当たった時のイベント。

・hashchange

URLのハッシュ(#以降)が変更された時のイベント。

・keydown

キーが押された時のイベント。

・keypress

文字キーが押された時のイベント。

・keyup

キーが離された時のイベント。

sugulog.hatenadiary.jp

・load

画像、音声、動画等の全リソースの読み込み完了時のイベント。

・mousedown

マウスボタンを押した時のイベント。

・mouseenter

ポインティングデバイスが要素上に乗った時のイベント。

・mouseleave

ポインティングデバイスが要素上から離れた時のイベント。

・mousemove

マウスを動かした時のイベント。

・mouseout

ポインティングデバイスが要素上から離れた時のイベント。親要素、子要素に設定した場合、子要素で発生したイベントに親要素も反応する(バブリング)。

・mouseover

ポインティングデバイスが要素上に乗った時のイベント。親要素、子要素に設定した場合、子要素で発生したイベントに親要素も反応する(バブリング)。

・mouseup

マウスボタンを離した時のイベント。

・offline

ネットワーク接続状態がオフラインに変化した時のイベント。

・online

ネットワーク接続状態がオンラインに変化した時のイベント。

・resize

ブラウザーのウインドウサイズが変わった時のイベント。1pxでも変わると発生する。

・scroll

スクロール時のイベント。

・selectstart

テキスト選択時のイベント。

・touchend

タッチ終了時のイベント。

・touchmove

タッチポイントを動かした時のイベント。

・touchstart

タッチ開始時のイベント。

・visibilitychange

ブラウザーのタブのコンテンツが表示された時、非表示(バックグラウンド)へ変化した時のイベント。

 

以上、今回のブログでした。

新しいJavaScriptのイベントに出会えたり、何か困ったときのカンニングペーパーとして参考になりそうですか??

また新しい知識をどんどん蓄えていきますね(^_^)/

sugulog.hatenadiary.jp

 

最後に!!

今後も、「 過去の無知な自分に向けてわかりやすく説明するなら?? 」を基準にブログを書いていきます。

少しでも気になった方はお試しでもいいので1度、読者登録お願いします!

またTwitterでもプログラミングに関することを中心に情報を発信してます。

宜しければそちらのフォローもお願いします。

最後までご愛読いただきありがとうございました!!