エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
リップルエフェクト解体新書 - Qiita
document.querySelector('div').addEventListener('click', (event) => { console.log(event.pageX); })... document.querySelector('div').addEventListener('click', (event) => { console.log(event.pageX); }) 下に、html要素およびその配下のdiv要素をクリックした時に、event.pageX / event.pageYおよびevent.offsetX / event.offsetYで取得したクリックイベントの座標がアラートで表示されるページを作ったので、それぞれの違いを、ぜひ一度確かめてみてください。(淡い青色の部分にhtml要素が広がっており、濃い青色の部分がその配下のdiv要素です。) See the Pen Where is the event? by NumLocker (@numlocker-japan) on CodePen. 以上のことから、event.pageX / event.pa