码迷,mamicode.com
首页 > 其他好文 > 详细

鼠标跟着键盘飞=====兼容代码

时间:2018-12-02 22:53:30      阅读:506      评论:0      收藏:0      [点我收藏+]

标签:ie8   doc   sem   body   off   鼠标   offset   pagex   一个   

<style>
img{
position: absolute;
}
</style>
</head>
<body>
<img src="imgs/tianshi.gif" id="im">
<script src="../DOM/commer.js"></script>
<script>
// document.onmousemove=function (e) { //IE8支持:window.event
// ver("im").style.left=e.clientX+"px";
// ver("im").style.top=e.clientY+"px";
// };

//兼容代码
//把代码放在一个对象中
var evt={
//window.event和事件参数对象e的兼容
getEvent:function (evt) {
return window.event||evt;
},
//可视区域横坐标的兼容代码
getClientX:function (evt) {
return this.getEvent(evt).clientX;
},
//可视区域纵坐标的兼容代码
getClientY:function (evt) {
return this.getEvent(evt).clientY;
},
//页面向左卷曲出去的横坐标
getScrollLeft:function () {
return window.pageXOffset||document.body.scrollLeft||document.documentElement.scrollLeft||0;
},
//页面向上卷曲出去的纵坐标
getScrollTop:function () {
return window.pageYOffset||document.body.scrollTop||document.documentElement.scrollTop||0;
},

//相对于页面的横坐标(pageX或者是clientX+scrollLeft)
getPageX:function (evt) {
return this.getEvent(evt).pageX?this.getEvent(evt).pageX:this.getClientX(evt)+this.getScrollLeft();
},
//相对于页面的纵坐标(pageY或者是clientY+scrollTop)
getPageY:function (evt) {
return this.getEvent(evt).pageY?this.getEvent(evt).pageY:this.getClientY(evt)+this.getScrollTop();
}
};


//测试===================================================================
document.onmousemove=function (e) { //IE8支持:window.event
ver("im").style.left=evt.getPageX(e)+"px";
ver("im").style.top=evt.getPageY(e)+"px";
};
</script>

鼠标跟着键盘飞=====兼容代码

标签:ie8   doc   sem   body   off   鼠标   offset   pagex   一个   

原文地址:https://www.cnblogs.com/lujieting/p/10055193.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!