◀
戻る
進む
▶
🗒️
ウェブブラウザー上で,マウスクリックのイベントを取得する方法
⇒#2526@研究ノート;
https://edu.yz.yamagata-u.ac.jp/Public/52210/52210_13_camera.html
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)
}
取り急ぎ,報告まで.
表器具・消耗品(履歴)表サンプル(履歴)表装置(履歴)

https://edu.yz.yamagata-u.ac.jp/developer/Asp/Youzan/Laboratory/LaboNote/@LaboNote.asp?id=2526
3号館(物質化学工学科棟) 3-3301
0238-26-3573