效果展示:
HTML + JavaScript代码:
<div id="areaDiv"></div>
<div id="showMsg"></div>
<script type="text/javascript">
window.onload = function() {
var areaDiv = document.getElementById("areaDiv");
var showMsg = document.getElementById("showMsg");
showMsg.innerHTML = "当前坐标:X - 130,Y - 50";
areaDiv.onmousemove = function(pos_mouse) {
pos_mouse = pos_mouse || window.pos_mouse; // 兼容模式运行
showMsg.innerHTML = "当前坐标:X - " + pos_mouse.clientX + ",Y - " + pos_mouse.clientY;
}
}
</script>