17.2.5 clientx、clienty属性.html
来自「javascript即用即差核心对象手册」· HTML 代码 · 共 17 行
HTML
17 行
<body onmousemove="getPos()">
<div id="face" style="position:absolute"><img src="face.GIF"></div>
<div id="info"></div>
<script>
document.all.face.style.position=absolute;
function getPos()
{
var posx=event.clientX;
var posy=event.clientY;
var str="<font color='red'>("+posx+","+posy+")</font>";
document.all.info.innerHTML=str;
//图像跟随鼠标移动
document.all.face.style.pixelLeft=posx;
document.all.face.style.pixelTop=posy;
}
</script>
</body>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?