LogoMark.png

JavaScript/Event

イベント

DOM Event

イベントリスナーの登録

以下の3種類の方法があります。いずれもクリックで関数が呼ばれるパターンで紹介します。

で、結論から言うと3つめの方法がベストです。


イベント一覧資料


モバイル特有のイベント

レスポンシブなサイトを作る際の考え方

とりあえず、PCのマウスのホバーにあたるものがスマホでは存在しないので、この点については、PCとスマホで書き分ける必要があります。一方、マウスのクリックイベントとスマホのタッチイベントについては・・・


イベント伝搬について

ひとつの要素をクリックすると clickイベントが生成されますが、このとき当該要素から windowオブジェクトに至るまで、要素の先祖をさかのぼってイベントが生成されることを「イベント伝播」と言います。イベント伝搬は、DOMブランチ上のノードに定義されたイベントリスナーを event オブジェクトとともに呼び出します。以下の3つのフェーズに分類できます。






PAGES

GUIDE

DATA

Last-modified: 2020-01-20 (月) 00:10:50