电商设计网站培训,wordpress的字体大小,如何制作个人主页,建设单位应该关注的网站IE8不支持的PageXY 相对于整个页面鼠标的位置 包括溢出的部分 event.pageX; event.pageY; 所有浏览器支持的#xff1a; 相对于当前浏览器窗口可视区域的坐标event.clientX;event.clientY; 相对于当前屏幕#xff08;和浏览器窗口大小无关#xff09;的坐标event.screenX;…IE8不支持的PageXY 相对于整个页面鼠标的位置 包括溢出的部分 event.pageX; event.pageY; 所有浏览器支持的 相对于当前浏览器窗口可视区域的坐标event.clientX;event.clientY; 相对于当前屏幕和浏览器窗口大小无关的坐标event.screenX;event.screenY; !DOCTYPE html
html
head langenmeta charsetUTF-8title/titlescriptwindow.onload function(){document.onmousemove function(event){var event event||window.event;var oDiv document.getElementById(div1);function byName(name){return document.getElementsByName(name)[0]}byName(pageX).value event.pageX;byName(pageY).value event.pageY;byName(clientX).value event.clientX;byName(clientY).value event.clientY;byName(screenX).value event.screenX;byName(screenY).value event.screenY;byName(scrollLeft).value document.body.scrollLeft||document.documentElement.scrollLeft;byName(scrollTop).value document.body.scrollTop||document.documentElement.scrollTop;//为了兼容IE8 所以才用下面的方法oDiv.style.top event.clientY(document.body.scrollTop||document.documentElement.scrollTop)px;oDiv.style.left event.clientX(document.body.scrollLeft||document.documentElement.scrollLeft)px;//oDiv.style.top event.pageYpx;//oDiv.style.left event.pageXpx;
}}/script/head
body style height: 2000px;div styleposition:fixed;top:0;left:0;pageX:input typetext namepageX /相对页面IE8以及更早版本不支持br
pageY:input typetext namepageY /br
clientX:input typetext nameclientX /相对于网页的可视区域br
clientY:input typetext nameclientY /br
screenX:input typetext namescreenX /相对于屏幕和浏览器窗口大小无关br
screenY:input typetext namescreenY /br
scrollTop:input typetext namescrollTop /br
scrollLef:input typetext namescrollLeft /br
/divdiv iddiv1 styleposition:absolute; left:0;top:0; width:100px; height:100px; background:red;1/div
/body
/html 转载于:https://www.cnblogs.com/websir/p/4396166.html
