关于鼠标事件坐标位置的几个概念
来源:互联网 发布:多多软件站网页 编辑:程序博客网 时间:2024/05/17 04:41
一,MouseEvent.clientX和MouseEvent.clientY。
clientX和clientY表示的位置是相对浏览器窗口的,而不是对文档的,因此当你在滚动页面之后仍然在窗口中的同一位置上单击时,所得到的坐标的值是相同的。
二,MouseEvent.screenX和MouseEvent.screenY。
screenX和screenY分别表示事件发生位置相对于客户端所在屏幕的水平和垂直坐标。
三,相对于文档的坐标必须重新计算。
function getPostionInDocument(W3CEvent)
{
W3CEvent = W3CEvent || window.event;
//通过能力检测的方法进行判断,对safari,该位置信息存放到
//事件的pageX和pageY属性中,对其他的情况是滚动的位置
//+当前位置对浏览器窗口,而其中滚动的位置IE是存放到
//document.body.scrollLeft和document.body.scroollTop属性上,
//W3C则是使用document.documentElement.scrollTop和
//document.documenElement.scrollLeft。
return {
x : W3CEvent.pageX || (W3CEvent.clientX +
(document.documentElement.scrollLeft
|| document.body.scrollLeft)) ,
y: W3CEvent.pageY || (W3CEvent.clientY +
(document.documentElement.scrollTop
|| document.body.scrollTop))
};
}
- 关于鼠标事件坐标位置的几个概念
- 获取事件目标对象的位置坐标或者鼠标位置坐标(兼容IE和火狐)
- 获取鼠标消息响应时的坐标位置应该注意的几个宏
- 获取鼠标位置的三维坐标
- [Mapbox GL]获取鼠标位置的坐标
- 点击事件获取鼠标坐标位置(x,y)值
- 显示鼠标坐标位置
- 鼠标指针位置坐标
- FLEX鼠标坐标位置
- 获取鼠标位置坐标
- 随机事件的几个概念
- 鼠标事件中event对象的坐标
- Javascript事件与鼠标坐标的属性
- 关于“事件”,“事件对象”,“事件源”等几个概念的理解
- js获取点击事件的坐标位置
- 将鼠标事件的设备坐标转换到世界坐标
- js 鼠标事件 鼠标坐标
- 鼠标事件获取鼠标坐标
- A Study On Dom Level2 Event Model
- 7.1.首次接触DirectDraw
- Excel 2007 automation on top of a Windows Server 2008 x64
- Oracle 10g 服务器端 安装图解
- V_AllTable 表信息 数据库 SQL2008
- 关于鼠标事件坐标位置的几个概念
- 一个简单的图片预览
- 怎样把e.printStackTrace()这个异常保存到一个字符串变量中如:String str;
- Excel VBA 编程-1 运算符
- DataTable in WCF
- andorid开发的一些设置2个小细节
- iphoneでsqlite3作業
- JQUERY的ajax跨域访问解决方案
- 哈佛大学图书馆凌晨4点[自励共勉]