<div class="htmlarea"> <textarea id="runcode25268"> <title> 新しいドキュメント </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <br> マウスの絶対位置: <span id="XY" style="color:red;"> </span><br><br><br> 制御入力ボックスの絶対位置 txtPos: <span id="txt_left" style="color:red;"> X:</span><br><span id="txt_top" style="color:red;"> Y:</span><br><input type="text" name="txtPos" id="txtPos" onfocus="getElementPositionXY(this)"> <br> <br><div id="divMsg" style="height:60px;width:100px;background-color:#cccccc"> </div> </textarea> <br><input onclick="runEx('runcode25268')" type="button" value="运行代码"><input onclick="doCopy('runcode25268')" type="button" value="复制代码"> <input onclick="doSave(runcode25268)" type="button" value="保存代码"> <a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank">[Ctrl A すべて選択 注: </a>外部 Js を導入する必要がある場合は、</div> を実行するために更新する必要があります]<script language="JavaScript"> <!-- function mouseX(evt) { if (evt.pageX) return evt.pageX; else if (evt.clientX) return evt.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft); else return null; } function mouseY(evt) { if (evt.pageY) return evt.pageY; else if (evt.clientY) return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return null; } function getXY(event) { var e = event || window.event; var x = mouseX(e); var y = mouseY(e); document.getElementById("XY").innerHTML = "X:" + x + "<br>Y:" + y; } function getX(elementID) { var el = elementID return el.offsetLeft } function getY(elementID) { var el = elementID return el.offsetTop } function getElementPositionX(elemID) { var offsetTrail = document.getElementById(elemID); var offsetLeft = 0; while(offsetTrail) { offsetLeft += offsetTrail.offsetLeft; offsetTrail = offsetTrail.offsetParent; } if (navigator.userAgent.indexOf("Mac") != -1 && typeof(document.body.leftMargin) != "undefined") { offsetLeft += document.body.leftMargin; } return offsetLeft; } function getElementPositionY(elemID) { var offsetTrail = document.getElementById(elemID); var offsetTop = 0; while(offsetTrail) { offsetTop += offsetTrail.offsetTop; offsetTrail = offsetTrail.offsetParent; } if (navigator.userAgent.indexOf("Mac") != -1 && typeof(document.body.leftMargin) != "undefined") { offsetTop += document.body.topMargin; } return offsetTop; } function getElementPositionXY(elemID) { var offsetTrail = elemID; var offsetLeft = 24; var offsetTop =0; while(offsetTrail) { offsetLeft += offsetTrail.offsetLeft; offsetTop += offsetTrail.offsetTop; offsetTrail = offsetTrail.offsetParent; } if (navigator.userAgent.indexOf("Mac") != -1 && typeof(document.body.leftMargin) != "undefined") { offsetLeft += document.body.leftMargin; offsetLeft += document.body.leftMargin; } document.getElementById("txt_left").innerText = offsetLeft; document.getElementById("txt_top").innerText = offsetTop; document.getElementById("divMsg").style.top = offsetTop + "px"; } //--> </script>