js获取鼠标点击的位置-火狐IE兼容
2012-10-16 13:10
585 查看
此处说的位置不是准确的鼠标位置,而是鼠标点击的元素的起点儿位置。
在方法外定义clickX和clickY是为了全局使用,可根据实际情况定义。
程序员群:134994493 欢迎正在从事开发的程序员朋友及已经已经走出开发但仍有能力开发设计程序的朋友加入本群
在方法外定义clickX和clickY是为了全局使用,可根据实际情况定义。
程序员群:134994493 欢迎正在从事开发的程序员朋友及已经已经走出开发但仍有能力开发设计程序的朋友加入本群
var clickX; var clickY; //获取事件 function getEvent() { if (document.all) { return window.event;// 如果是ie } func = getEvent.caller; while (func != null) { var arg0 = func.arguments[0]; if (arg0) { if ((arg0.constructor == Event || arg0.constructor == MouseEvent) || (typeof(arg0) == "object" && arg0.preventDefault && arg0.stopPropagation)) { return arg0; } } func = func.caller; } return null; } //在此函数中给clickX和clickY赋值 function getClickPosition(){ var evt=getEvent(); if(null!=evt){ var el=evt.target||evt.srcElement; var top=0; var left=0; while(el){//递归求元素所在页面的位置 top+=el.offsetTop;//el.offsetTop的值是el元素的上起始位置相对于父元素的上起始位置的差值,所以需要递归相加 left+=el.offsetLeft; el=el.offsetParent; } clickX=left; clickY=top; }else{ //为null时的默认操作 } }
相关文章推荐
- js获取鼠标位置(兼容ie和火狐)
- js 获取页面高度和宽度(兼容 ie firefox chrome),获取鼠标点击位置
- js 获取鼠标的位置(兼容火狐与ie)用了jquery 进行简化操作,但获取鼠标的是纯js,加上<!DOCTYPE 标准
- js 获取页面高度和宽度(兼容 ie firefox chrome),获取鼠标点击位置
- 获取事件目标对象的位置坐标或者鼠标位置坐标(兼容IE和火狐)
- 获取事件目标对象的位置坐标或者鼠标位置坐标(兼容IE和火狐)
- 获取鼠标位置(兼容火狐,IE)
- JS获取鼠标位置,兼容IE FF
- JS获取鼠标位置,兼容IE FF
- js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
- javascript获取鼠标点击位置的兼容写法
- js 获取回车事件 兼容ie 火狐 谷歌
- js获取鼠标点击的位置
- js获取textarea光标位置方法(兼容ie,ff)
- js获取鼠标点击位置
- js 火狐 iE 通用获取鼠标坐标,获取元素坐标
- js 获取 焦点的元素 兼容 ie 火狐 safari 等
- js 获取url参数值,鼠标点击在页面的位置