鷹山 (C)1996-2022 Copyright  データベースアメニティ研究所 Connected via IPv4
バーチャル卒業式やりませんか?

【研究ノート】 ウェブブラウザー上で,マウスクリックのイベントを取得する方法

一覧戻る進む
研究ノート-ウェブブラウザー上で,マウスクリ@2526-ウェブブラウザー上で,マウスクリックのイベントを取得する方法

シボレス認証によって、このページの感想やコメント、質問などを記入できます。学術認証フェデレーション(学認)参加機関から利用できます。
→ シボレスログイン
→ RSS
シボレス-トップメニュー
学認参加機関/一覧
ページレビュー説明書
山形大学 学術認証-fed

ID⇒#2526@研究ノート;
要約【研究ノート】ウェブブラウザー上で,マウスクリックのイベントを取得する方法⇒#2526@研究ノート;
日時記録=2020/8/7, 修正=2020/8/11
研究者伊藤 智博
リンク関連外部URL=https://edu.yz.y…, 学認共有URL=講義 研究 発表 業績 テーマ 製品 計算式
内容

https://edu.yz.y…

イベントの定義

canvasにclickイベント起きたときにonClick 関数呼び出す

canvas.addEventListener('click', onClick, false);

onClick関数の定義

function onClick(e) {

/*

* rectでcanvasの絶対座標位置取得し

* クリ座標であるe.clientX,e.clientYからその分引く

* クリ座標はdocumentからの位置返すため

* ※rectはスクロール量によって値が変わるのでonClick()内でつど定義

*/

var x = 0;

var y = 0;

var rect = e.target.getBoundingClientRect();

x = e.clientX - rect.left;

y = e.clientY - rect.top;

/*rect.topが413.875小数点持つことはなぜか不明*/

alert(x + "," + y)

}

取り急ぎ報告まで

試料…
試料使用履歴…
ページレビュー
シボレスページレビュー…/一覧
HyperLink