嘿伙计我正在创建脚本。我需要一个小小的帮助。我有这个鼠标位置脚本但是当我使用该功能时,它显示大约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>
答案 0 :(得分: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);