<p class="container">
    <canvas id="getMousePos" width="500" height="500"></canvas>
</p>
<script>
    var oGetMousePos = document.getElementById("getMousePos");
    var oContext = oGetMousePos.getContext("2d");

    //打印鼠标指针坐标
    function writeMessage (oGetMousePos,message) {
        oContext.clearRect(0, 0, oGetMousePos.width, oGetMousePos.height);
        oContext.font = "20pt Microsoft JhengHei";
        oContext.fillStyle = "tomato";
        oContext.fillText(message, 10, 25);
    };
    //获取鼠标指针坐标
    function getMousePos (oContext, evt) {
        var rect = oGetMousePos.getBoundingClientRect();
        return {
            x: evt.clientX - rect.left,
            y: evt.clientY - rect.top
        };
    }
    //监听鼠标移动
    oGetMousePos.addEventListener("mousemove", function(evt){
        var mousePos = getMousePos(oGetMousePos, evt);
        var message = "鼠标指针坐标：" + mousePos.x + "," + mousePos.y;
        writeMessage(oGetMousePos, message);
    },false);
</script>

可参考：http://canvas.migong.org/getmousepos

和普通的结点没有什么区别：

$('#your-canvas-id').on('mousemove', function(e) {
    console.log(e.offsetX, e.offsetY);
});