！ doctypehtmlhtmllang=' en ' headmetacharset=' utf-8 ' title document/titlestylebody { margin 3360； /*添加高度以显示滚动条*/height: 1000px； }#box {width: 200px； 高： 200 px； 背景色： pink； margin: 100px；/*增加margin-top */margin-top :500 px； }/style/headbodydivid=' box '/divscriptsrc=' js/common.js '/scriptscriptvarbox=document.getelementbyid () //console.log(this.offsettop )； e=e || window.event； //鼠标在箱子上的位置=鼠标坐标-箱子坐标varx=getpage(e ).pageX - this.offsetLeft； vary=getpage(e ).pageY - this.offsetTop； 控制台. log (x，y )； }/script/body/html//common.js//获取鼠标在页面上的位置，然后单击functiongetpage(e )//传递的参数ee=e || window.event； var pagex=e.pagex|| e.clientxgetscroll ().scrollLeft； varpa gey=e.pagey|| e.clientygetscroll ().scrollTop； 返回{ pagex : pagex，pageY: pageY}}