マウスのポインタの位置をリアルタイムで取得したい
デモ
コード.gs
function doGet() {
return HtmlService.createHtmlOutputFromFile("index");
}
|
意訳この機能がやること 指定したHTMLファイルを表示する |
index.html
<!DOCTYPE html>
<html>
<body>
<label>X</label><input type="text" id="posX">
<br>
<label>Y</label><input type="text" id="posY">
<script>
window.onmousemove = mousePos;
function mousePos(e) {
document.getElementById("posX").value = e.pageX;
document.getElementById("posY").value = e.pageY;
}
</script>
</body>
</html>
|
意訳X座標のラベルとテキストボックス 改行 Y座標のラベルとテキストボックス マウスが動いたらmousePosを実行する この機能がやること idがposXの要素にX座標の数値を入れる idがposYの要素にY座標の数値を入れる |
参考
MouseEvent.pageX
MouseEvent.pageY
MouseEvent.pageX
MouseEvent.pageY
