📄 17.2.6 offsetx、offsety属性.html

📁 javascript即用即差核心对象手册

💻 HTML

字号:

<style type="text/css">
<!--
#Layer1 {
	position:absolute;
	left:45px;
	top:51px;
	width:185px;
	height:144px;
	background:#CCCCCC
	}
-->
</style>
<body onmousemove="getLPos()">
<div id="Layer1" onMouseMove="getPos()"> </div>
<div id="info"></div><div id="info1"></div>
<script>
    function getPos()
	{
        var posx=event.clientX;
		var posy=event.clientY;
		var str="<font color='red'>("+posx+","+posy+")</font>";
		document.all.info.innerHTML=str;
	}
	function getLPos()
	{
        var posx=event.offsetX;
		var posy=event.offsetY;
		var str="<font color='blue'>("+posx+","+posy+")</font>";
		document.all.info1.innerHTML=str;
     }
</script>
</body>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -