【原创】【js】screenLeft screenTop screenX screenY属性的有效性和兼容性研究

摘要:
此外,这些属性是只读的,无法修改

chrome浏览器(51.0.2704.106 m

整个浏览器相对于主显示器屏幕的位置

虽然还原状态时有边缘,但是最大化时两个值都为0

【原创】【js】screenLeft screenTop screenX screenY属性的有效性和兼容性研究第1张

【原创】【js】screenLeft screenTop screenX screenY属性的有效性和兼容性研究第2张

【原创】【js】screenLeft screenTop screenX screenY属性的有效性和兼容性研究第3张

IE浏览器(IE11):

浏览器文档区域相对于主显示器屏幕的位置

最大化时left值是0,top值是55

还原状态时left和top始终为正值,因为左右两侧有边缘

Opera浏览器(38.0.2220.41):

整个浏览器相对于主屏幕显示器的位置

最大化后两个值是0

【原创】【js】screenLeft screenTop screenX screenY属性的有效性和兼容性研究第4张

【原创】【js】screenLeft screenTop screenX screenY属性的有效性和兼容性研究第5张

【原创】【js】screenLeft screenTop screenX screenY属性的有效性和兼容性研究第6张

Safari浏览器(5.1.7):

整个浏览器相对于主显示器屏幕的位置

因为最大化时浏览器边缘会超越主显示器屏幕,所以screenLeft和screenTop会是负值

【原创】【js】screenLeft screenTop screenX screenY属性的有效性和兼容性研究第7张

【原创】【js】screenLeft screenTop screenX screenY属性的有效性和兼容性研究第8张

【原创】【js】screenLeft screenTop screenX screenY属性的有效性和兼容性研究第9张

firefox(47.0.1):

没有screenLeft和screenTop属性,但有同义属性screenX和screenY

整个浏览器相对于主显示器屏幕的位置

最大化时会是负值

总结:chrome,firefox,safari,opera四个都是整个浏览器相对于主显示器屏幕的位置,只有IE文档区相对于主显示器屏幕的位置

而猎豹、360等都是文档去相对于主显示器屏幕的位置

所以,即使是获取了这两个属性,也不能得到浏览器相对于屏幕的准确位置。。。。

另外,这些属性都是只读的,不能修改

免责声明:文章转载自《【原创】【js】screenLeft screenTop screenX screenY属性的有效性和兼容性研究》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇手游开发目前盗版的一些情况Windows上PostgreSQL安装配置教程下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

js 添加天数

//日期加上天数得到新的日期 //dateTemp 需要参加计算的日期,days要添加的天数,返回新的日期,日期格式:YYYY-MM-DD function getNewDay(dateTemp, days) { var dateTemp = dateTemp.split("-"); var nDate = new...

JS实现控制HTML5背景音乐播放暂停

首先在网页中嵌入背景音乐,html5代码为: <script src="http://wuover.qiniudn.com/jquery.js"></script> <a class="mscBtn" id="audioBtn" title='最幸福的人' style="cursor:pointer;"></a&...

js客户端获取IP、MAC地址

<HTML><HEAD><TITLE>WMI Scripting HTML</TITLE><META http-equiv=Content-Type content="text/html; charset=gb2312"><META content="MSHTML 6.00.2800.11...

多进程浏览器、多线程页面渲染与js的单线程

线程与进程 说到单线程,就得从操作系统进程开始说起。在早期的操作系统中并没有线程的概念,进程是能拥有资源和独立运行的最小单位,也是程序执行的最小单位。任务调度采用的是时间片轮转的抢占式调度方式,而进程是任务调度的最小单位,每个进程有各自独立的一块内存,使得各个进程之间内存地址相互隔离。后来,随着计算机的发展,对CPU的要求越来越高,进程之间的切换开销较大,...

[网络收集]Form表单及网站开发中常用js表单取值方法

Form 表单:一个页面只能有一个 runat=“server”不是必须的,加上后,会在输出的源代码里多了一行 <input type="hidden" name="__VIEWSTATE" value="/wEPDwUJNzgzNDMwNTMzZGR/8ZxOm5Tn0sfHNJaqE12hKqqJTQ==" /> 嘿,这不就是传说中的v...

js实现复制内容到剪切板,兼容pc和手机端,支持Safari浏览器

Javascript原生有一些事件:copy、paste、cut, 这些事件可以作用的目标元素: 能获得焦点的元素 (如contentEditable内容能编辑或者可以选中的元素),或者是<body> <div id="cardList">   <div class="btn">点击我,复制我</div>...