为了让鼠标移到小图上显示大图,我利用鼠标事件新建了一个层来显示大图.当然之前最好得到XY坐标
取得当前鼠标的X,Y坐标
function SelfXY(){
var yScrolltop;
var xScrollleft;
if (self.pageYOffset || self.pageXOffset) {
yScrolltop = self.pageYOffset;
xScrollleft = self.pageXOffset;
} else if (document.documentElement && document.documentElement.scrollTop || document.documentElement.scrollLeft ){ // Explorer 6 Strict
yScrolltop = document.documentElement.scrollTop;
xScrollleft = document.documentElement.scrollLeft;
} else if (document.body) {// all other Explorers
yScrolltop = document.body.scrollTop;
xScrollleft = document.body.scrollLeft;
}
arrayPageScroll = new Array(xScrollleft + event.clientX ,yScrolltop + event.clientY)
return arrayPageScroll;
}
附:鼠标及对象坐标控制属性
offsetTop
获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置。
offsetLeft
获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。
offsetHeight
获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。
IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。
NS、FF 认为 offsetHeight 是网页内容实际高度,可以小于 clientHeight。
offsetWidth
获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。
offsetParent
获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。
clientHeight
获取对象的高度,不计算任何边距、边框、滚动条或可能应用到该对象的补白。
大家对 clientHeight 都没有什么异议,都认为是内容可视区域的高度,也就是说页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关。
clientLeft
获取 offsetLeft 属性和客户区域的实际左边之间的距离。
clientTop
获取 offsetTop 属性和客户区域的实际顶端之间的距离。
clientWidth
获取对象的宽度,不计算任何边距、边框、滚动条或可能应用到该对象的补白。
SCROLL属性
scroll
设置或获取滚动是否关闭。
scrollHeight
获取对象的滚动高度。
scrollLeft
设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离。
scrollTop
设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离。
scrollWidth
获取对象的滚动宽度。
event属性
x
设置或获取鼠标指针位置相对于父文档的 x 像素坐标。
screenX
设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标
offsetX
设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。
clientX
设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条
- window.event
- IE:有window.event对象
- FF:没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event)
- 鼠标当前坐标
- IE:event.x和event.y。
- FF:event.pageX和event.pageY。
- 通用:两者都有event.clientX和event.clientY属性。
- 鼠标当前坐标(加上滚动条滚过的距离)
- IE:event.offsetX和event.offsetY。
- FF:event.layerX和event.layerY。
- 标签的x和y的坐标位置:style.posLeft 和 style.posTop
- IE:有。
- FF:没有。
- 通用:object.offsetLeft 和 object.offsetTop。
- 窗体的高度和宽度
- IE:document.body.offsetWidth和document.body.offsetHeight。注意:此时页面一定要有body标签。
- FF:window.innerWidth和window.innerHegiht,以及document.documentElement.clientWidth和document.documentElement.clientHeight。
- 通用:document.body.clientWidth和document.body.clientHeight。
- 添加事件
- IE:element.attachEvent("onclick", func);。
- FF:element.addEventListener("click", func, true)。
- 通
用:element.onclick=func。虽然都可以使用onclick事件,但是onclick和上面两种方法的效果是不一样的,onclick
只有执行一个过程,而attachEvent和addEventListener执行的是一个过程列表,也就是多个过程。例如:
element.attachEvent("onclick", func1);element.attachEvent("onclick",
func2)这样func1和func2都会被执行。
- 标签的自定义属性
- IE:如果给标签div1定义了一个属性value,可以div1.value和div1["value"]取得该值。
- FF:不能用div1.value和div1["value"]取。
- 通用:div1.getAttribute("value")。
- 父节点、子节点和删除节点
- IE:parentElement、parement.children,element.romoveNode(true)。
- FF:parentNode、parentNode.childNodes,node.parentNode.removeChild(node)。
- 画图
- :透明
- IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
- FF:opacity:0.6。
- :圆角
- IE:不支持圆角。
- FF:
-moz-border-radius:4px,或者-moz-border-radius-topleft:4px;-moz-border-
radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-
radius- bottomright:4px;。
- :双线凹凸边框
- IE:border:2px outset;。
- FF:
-moz-border-top-colors: #d4d0c8 white;-moz-border-left-colors: #d4d0c8
white;-moz-border-right-colors:#404040
#808080;-moz-border-bottom-colors:#404040 #808080;。
分享到:
相关推荐
快速取得鼠标X Y坐标快速取鼠标X和Y的坐标快速取鼠标X和Y的坐标
Vb 适时枚举鼠标的X/Y坐标信息并显示 Vb适时动态枚举鼠标的X/Y坐标信息并显示出来,这里说明一下:左键:起点-开始-结束;右键撤销;坐标单位-像素;下为Y正轴,右为X正轴。
利用C#语言实现获取鼠标当前位置坐标的功能
也就是高斯-克吕格投影直角坐标系的x 轴, 地球的赤道与椭圆柱面相交, 成一直线,这条直线与轴子午线正交,就是平面直角坐 标系的y轴,把椭球柱面展开,就得到以(x,y)为坐标的平面直角坐标系。为减少 投影...
# PyQt5追踪鼠标当前位置 移动鼠标和点击鼠标获取坐标 1. 简洁明了的代码,帮助快速学习鼠标事件; 2. 重定义mouseMoveEvent事件实现移动鼠标显示坐标; 3. 重定义mousePressEvent事件实现点击鼠标显示坐标。
获取鼠标在当前屏幕坐标系中的位置信息 将鼠标移动到要获取位置的点,然后按F10,就会弹出当前的坐标值
<... <head> [removed] ..."X 坐标: " + x + ", Y 坐标: " + y) } [removed] </head> <body <p>在此文档中按下你鼠标的左键看看!</p> </body> </html>
js与jquery中获取当前鼠标的x、y坐标位置的代码.docx
使用LiveCharts完成一个指定X和Y坐标的线形图形界面,通过指定X和Y可以减少无关或者平滑数据的展示,比如X在1到100时数据都是不变的,可以直接指定101的数据可直观展示0到101的线性情况。
鼠标显示坐标鼠标鼠标显示坐标鼠标显示坐标鼠标显示坐标鼠标显示坐标显示鼠标显示坐标鼠标显示坐标鼠标显示坐标鼠标显示坐标坐标鼠标鼠标显示坐标鼠标显示坐标鼠标显示坐标鼠标显示坐标显示坐标鼠标显示坐标
在MFC中绘制B样条曲线。并根据Y的值,反算X坐标的值。稍微改动一下,可根据X的值,反算Y坐标的值。
mfc调用大漠插件轻松获取当前鼠标点的坐标颜色特征码,mfc调用大漠插件轻松获取当前鼠标点的坐标颜色特征码,mfc调用大漠插件轻松获取当前鼠标点的坐标颜色特征码,
MouseTrace,用 VC++写的鼠标Hook钩子,获取X,Y坐标,并适时显示在窗体上,如上图示,在窗体上移动鼠标,坐标信息会被跟踪,移出窗体则无效。
主要是实现Yxy转RGB,在搞ZIGBEE项目的时候,花了好几天研究这个玩意,最后终于被搞出来了,注意,里面是适合D65 模式,其它的要改那3个方程的系数,系数要补偿到1.希望能帮助到你。你也可以在里面加入伽玛算法。看...
mfc 实现得一个控件demo 获取当前鼠标所在得坐标 并且显示再鼠标处,直接可以使用
#某条线 list(zip(x,y))为线上的坐标点的list line = SG.LineString(list(zip(x,y))) #(1,0)到(1,100)两点的连线 yline = SG.LineString([(1, 0), (1, 100)]) #or (0,1)到(100,1)两点的连线 xline = SG.LineString...
MFC实现获取鼠标坐标MFC实现获取鼠标坐标MFC实现获取鼠标坐标MFC实现获取鼠标坐标MFC实现获取鼠标坐标
程序提供了在Windows环境下,获取鼠标的当前位置坐标和其移动趋势。 1、在X轴上,当鼠标左移时候相对位移为一个负值,当鼠标右移的时候相对位移为正直。 2、当移动叫快时候相对位移的绝对值会比较大。
arduino自带的鼠标库有坐标限制,坐标单位无法对应屏幕像素,把此库放在arduino库中即可使用,使用方法基本相同,初始化时输入屏幕的分辨率。如果出现找不到HID.h等提示,请下载最新版的arduino。
获取当前鼠标坐标程序(VB6.0代码编写) 用两种方法,获取当前鼠标坐标程序,可能即时显示鼠标坐标值。 QQ223857666勾月