获得鼠标位置XY

Question

嘿伙计我正在创建脚本。我需要一个小小的帮助。我有这个鼠标位置脚本但是当我使用该功能时，它显示大约1000px，即使我的光标在大约200px顶部。我该怎么做才能解决这个问题并获得正常的鼠标位置。请帮忙。

     $s .= ('<td id="start_'.$currentTasken.'" nowrap="nowrap" align="center" ondblclick="editCellValue(this)" style="' . $style . '" title="'.$AppUI->_('Double click to edit date').'">' 
<script>
            var cursorX;
            var cursorY;
            document.onmousemove = function(e){
                cursorX = e.pageX;
                cursorY = e.pageY;
            }
            function editCellValue(cellElement) {
                document.getElementById('cellValueEditorDiv').style.display = 'block';
                document.getElementById('cellValueEditorDiv').style.top = cursorX;
                document.getElementById('cellValueEditorDiv').style.left = cursorY;
            }
</script>

Answer 1

我为你迈凯轮创建了一个简单的jsFiddle，当你点击div的内部时，它会显示相对于div的鼠标位置X和Y.你可以使用offsetX和offsetY来解决这个问题

https://jsfiddle.net/6g2ybvp5/1/

的Javascript

function mouseCords(e) {
    alert(e.offsetX + " " + e.offsetY);
}

document.getElementById("cellValueEditorDiv").addEventListener("click", mouseCords, false);