17.2.6 offsetx、offsety属性.html

来自「即学即用JavaScript核心对象参考手册原版光盘」· HTML 代码 · 共 32 行

HTML

32 行

<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>

17.2.6 offsetx、offsety属性.html - 源码说明

本页面展示了「即学即用JavaScript核心对象参考手册原版光盘」中的 17.2.6 offsetx、offsety属性.html 源码文件，采用 HTML 编程语言编写，共 32 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与JavaScript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?