JavaScript-永远点不到的小窗口
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript-永远点不到的小窗口，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1939字，纯文字阅读大概需要3分钟。
内容图文
1 <!doctype html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title>在当前显示区范围内实现点不到的小方块</title>
6 <style>
7 div{position:fixed;width:500px;height:500px;
8 background-color:pink;
9 }
10 </style>
1112 </head>
13 <body>
14 <div id="pop"></div>
15 <script>
16var game={
17 PSIZE:0,//保存div的大小18 MAXTOP:0,//保存最大可以top19 MAXLEFT:0,//保存最大可用left20 pop:null,//保存主角div21 init:function(){
22//查找id为pop的div保存在pop属性中23this.pop=document.getElementById("pop");
24//获取pop计算后的样式中的width,转为浮点数保存在PSIZE属性中25this.PSIZE=parseFloat(getComputedStyle(this.pop).width);
26//计算MAXTOP:文档显示区的高-PSIZE27this.MAXTOP=innerHeight-this.PSIZE;
28//计算MAXLEFT:文档显示区的宽-PSIZE29this.MAXLEFT=innerWidth-this.PSIZE;
30//debugger;31debugger;
32//在0-MAXTOP之间生成随机数,保存在变量rTop中33var rTop=Math.floor(Math.random()*(this.MAXTOP+1));
34//在0-MAXLEFT之间生成随机数,保存在变量rLeft中35var rLeft=Math.floor(Math.random()*(this.MAXLEFT+1));
36//设置pop的top为rTop37this.pop.style.top=rTop+"px";
38//设置pop的left为rLeft39this.pop.style.left=rLeft+"px";
4041//为pop绑定鼠标进入事件监听,函数为42this.pop.addEventListener("mouseover",
43function(e){//获得时间对象e44//反复执行45while(true){
46//在0-MAXTOP之间生成随机数,保存在变量rTop中47var rTop=Math.floor(Math.random()*(this.MAXTOP+1));
48//在0-MAXLEFT之间生成随机数,保存在变量rLeft中49var rLeft=Math.floor(Math.random()*(this.MAXLEFT+1));
50//获得鼠标相对于文档显示区的x坐标51var x= e.clientX;
52//获得鼠标相对于文档显示区的y坐标53var y= e.clientY;
54//如果!(x>=rLeft&&x<rLeft+PSIZE55// &&y>=rTop&&y<=rTop+PSIZE)56if(!(x>=rLeft&&x<rLeft+this.PSIZE&&y>=rTop&&y<=rTop+this.PSIZE)){
57//如果新位置不包含鼠标位置58//设置pop的top为rTop59this.pop.style.top=rTop+"px";
60//设置pop的left为rLeft61this.pop.style.left=rLeft+"px";
62//退出循序63break;
64 }
65 }
66 }.bind(this)
67 );
68 }
6970 }
71 game.init();
72 </script>
7374 </body>
75 </html>
原文：http://www.cnblogs.com/longly/p/6247258.html
内容总结
以上是互联网集市为您收集整理的JavaScript-永远点不到的小窗口全部内容，希望文章能够帮你解决JavaScript-永远点不到的小窗口所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】