頁面獲取滑鼠橫縱座標
阿新 • • 發佈:2020-11-04
<style type="text/css"> #opstatdiv { visibility: hidden; background-color: #f7fcfe; z-index: 100; width: 200px; height: 50px; position: absolute; text-align: left; font-size: 12px; color: #FF0000; font-weight: bold; vertical-align: middle; } </style> <scripttype="text/javascript"> function showOpstatView() { var msgStr = "提示資訊"; var d_dialog = document.getElementById('opstatdiv'); d_dialog.innerHTML = msgStr; //documentElement獲取的是html頁面的橫縱座標。body獲取的是頁面內容中的橫縱座標。 d_dialog.style.posLeft = document.documentElement.scrollLeft + event.clientX + 10; d_dialog.style.posTop= document.body.scrollTop + event.clientY; d_dialog.style.visibility='visible'; } function opstatDivClose() { var d_dialog = document.getElementById('opstatdiv'); d_dialog.style.visibility='hidden'; } </script> <BODY> <div id="opstatdiv"></div> <table> <tr><td οnmοuseοver="javascript:showOpstatView()" οnmοuseοut="javascript:opstatDivClose()">> 靠近我 </td> </tr> </table> </BODY>
附加參考連結:https://blog.csdn.net/chenzheng8975/article/details/84386677