ホバーしたところのX,Y座標がとれない

###前提・実現したいこと
ここに質問したいことを詳細に書いてください
(例)PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

###発生している問題・エラーメッセージ

エラーメッセージ

###該当のソースコード

ここにご自身が実行したソースコードを書いてください

###試したこと
課題に対してアプローチしたことを記載してください

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

JQUERYでマウスがあるところの座標を取ろうと思ったのですが、なぜか少しも動きません。
どなたかやり方を教えてください。

sleepsheep

2017/02/22 12:44

実行したソースコードを記載して下さい。

kei344

2017/02/22 12:46

質問テンプレートの文字列が残ってしまっていますので、不要な部分は削除してください。

行動規範の内容に同意します

回答1件

このように行うと質問者さんの実現したいことができると思いますが、いかがでしょうか？

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="utf-8">
5    <title>タイトル</title>
6    <style type="text/css">
7        * {
8            margin: 0;
9            padding: 0;
10        }
11
12        #box {
13            width: 100%;
14            height: 500px;
15            border: 1px solid black;
16        }
17    </style>
18</head>
19<body>
20<div id="box"></div>
21<span id="result"></span>
22<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
23<script>
24    $("#box").on("mousemove", function (e) {
25        $("#result").text((e.pageX - this.offsetLeft) + "," + (e.pageY - this.offsetTop));//x,y
26    });
27</script>
28</body>
29</html>