跨浏览器获取窗口位置

IE、Safari、Opera、Chrome都提供了 screenLeft 和 screenTop属性分别表示窗口相对于屏幕左边和上边的位置。

Firefox、Safari、Chrome在 screenX 和 screenY 中提供相同的窗口信息。

Opera支持 screenX 和 screenY 属性，但与 screenLeft 和 screenTop 属性并不对应，故不要在Opera中使用 screenX 和 screenY 。

使用以下代码可以跨浏览器获取窗口位置：

1 var leftPos = (typeof window.screenLeft == "number")?window.screenLeft : window.screenX;
2 var topolPos = (typeof window.screenTop == "number")?window.screenTop : window.screenY;
时间： 2024-08-07 11:21:31

跨浏览器获取窗口位置的相关文章

跨浏览器确定窗口的大小

如何实现跨浏览器确定窗口的大小: 在IE9+,Firefox,Safari,Opera,Chrome浏览器中均提供了4个属性,innerWidth,innerHeight,outerWidth,outerHeight;,这几个值在不同的浏览器情况下的定义是不同的 ,而要获得视口的大小,有两种方法: 在IE,Safari,Opera Chrome,中,document.documentElement.clientWidth和document.documentElement.clientHeight

javascript获取窗口位置、绝对位置、事件位置等

有段时间没更新博客了,工作实在太忙了,加班加班再加班就是我们这个行业的常态吧...还好最近把工作进度完成了,终于有些空余时间了.关于<Javascript高级程序设计>系列,我并没有弃坑,只不过最近在把这本书读第二遍,主要针对一些第一遍没看懂的部分,完成之后我会继续更新的. 这篇文字主要一下三方面内容: 一.javascript获取事件位置 二.Javascript获取dom对象位置 三.Javascript获取绝对坐标 四.浏览器相对桌面位置 一.javascript获取事件位置 首先上图,

js 跨浏览器获取事件信息模块

1 var EventUtil = { 2 addHandler: function(element, type, handler) { 3 if (element.addEventListener) { 4 element.addEventListener(type, handler, false); 5 } else if (element.attachEvent) { 6 element.attachEvent('on' + type, handler); 7 } else { 8 ele

常用跨浏览器设置——JS总结

常用跨浏览器设置--JS总结 1.跨浏览器添加事件 <pre name="code" class="javascript"> function addEvent(obj,type,fn) { if (obj.addEventListener) { obj.addEventListener(type,fn,false); } else if (obj.attachEvent) { obj.attachEvent('on' + type, fn); } }

跨浏览器用javascript获取窗口的位置和大小

跨浏览器获取位置 var leftX = typeof window.screenLeft == 'number' ? window.screenLeft : window.screenX; var topY = typeof window.screenTop == 'number' ? window.screenTop : window.screenY; firefox浏览器不支持screenLeft和scrennTop,但是支持screenX和screenY:ie浏览器支持screenLef

MFC窗口位置和大小的获取

最近在做一个项目,需要控件随对话框大小的变化而变化,因此需要准确获取对话框窗口.控件的大小和位置. 经过好一番查寻.测试,终于看到了希望.下面是一些获取窗口位置和大小的函数,示例如下: 1.获取屏幕分辨率 //下边两个函数获取的是显示屏幕的大小,但不包括任务栏等区域 int cx = GetSystemMetrics(SM_CXFULLSCREEN); int cy = GetSystemMetrics(SM_CYFULLSCREEN); //下边这两个函数获取的是真正屏幕的大小:屏幕分辨率 i

js之窗口位置

IE,Safari,Opera和Chrome都提供了screenLeft和screemTop属性,分别用于表示窗口相对于屏幕左边和上边的位置.FireFox则提供了screenX和screenY.使用以下代码可以跨浏览器取得窗口左边和上边位置 var leftPos = (typeof window.screenLeft == 'number')?window.screenLeft : window.screenX; var topPos = (typeof window.screenTop =

处理一些常见的跨浏览器封装的函数

//跨浏览器获取视口大小 function getInner(){ if(typeof window.innerWidth!='undefined'){ return{ width:window.innerWidth, height:window.innerHeight } }else{ return{ width:document.documentElement.clientWidth, height:document.documentElement.clientHeight } }} //跨

JavaScript 跨浏览器事件处理工具

/** * 跨浏览器事件处理工具.只支持冒泡.不支持捕获 * @author ([email protected]) */ var EventUtil = { getEvent: function (event) { return event || window.event; }, getTarget: function (event) { return event.target || event.srcElement; }, // 返回注册成功的监听器,IE中需要使用返回值来移除监听器 on: