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 + -
显示快捷键?