1.关于鼠标事件的事件对象 相对于浏览器位置的 clientX: 当鼠标事件发生的时候,鼠标相对于浏览器X轴的位置 clientY: 当鼠标事件发生的时候,鼠标相对于浏览器Y轴的位置 相对于屏幕位置的 screenX: 当鼠标事件发生的时候,鼠...
分类:
编程语言 时间:
2015-07-20 23:10:08
阅读次数:
146
总是会被javascript的event对象的clientX,offsetX,screenX,pageX 弄得头晕,于是决定做个图来区分一下(画得我手那个酸呀。。。。) 先总结下区别: event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X...
分类:
Web程序 时间:
2015-07-20 14:36:19
阅读次数:
149
clientX观点:鼠标相对于WINDOWS的坐标。这里这个WINDOWS是指我们能看见的浏览器大小。所以不可能超过显示器的大小,如screen.width,screen.height证明:点击获得clientX,clientY的大小,设置为图片定位的位置。如果上面观点不成立,也就是这个坐标不是浏览...
分类:
其他好文 时间:
2015-07-11 22:49:00
阅读次数:
242
screenX:参照物为电脑的屏幕左上角,距离电脑屏幕的水平距离
clientX:参照物是内容区域左上角,距离内容区域左上角的水平距离,会随着滚动条的移动而移动
pageX:参照物也是内容区域的左上角,距离内容区域左上角的水平距离,但是不会随着滚动条的移动而移动...
分类:
其他好文 时间:
2015-07-09 13:15:37
阅读次数:
111
一.PageX和clientXPageX和clientX ,这个两个比较容易搞混,PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化clientX:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的位置为参考点,随滑动条移...
分类:
其他好文 时间:
2015-07-08 20:24:43
阅读次数:
123
几个高度1. offsetHeight表示某个DOM元素自身的高度,包括元素的边框、垂直内边距和元素的水平滚动条(如果存在且渲染的画)和元素的CSS高度。该属性是只读的。2.clientHeight返回元素内部的高度(单位像数),包含内边距,但不包括水平滚动条、边框和外边距。该属性是只读的。3. scrollHeight包括元素的可见CSS高度+padding+border+由于overflow设置...
分类:
其他好文 时间:
2015-07-07 11:13:27
阅读次数:
186
oDiv.offsetLeft+disX=oEvent.clientX; oDiv.offsetTop+disY=oEvent.clientY; 在拖拽的移动过程中,disX和disY是始终不变的。但是能够实时的获取事件的oEvent.clientX和oEvent.clientY 所以在docum...
分类:
其他好文 时间:
2015-06-19 13:17:19
阅读次数:
111
clientX和clientY为可视区鼠标的位置。1. 随鼠标移动的div块[runjs]当document有多个页面时,会出现问题。[runjs]2. 解决方案:scrollTop, scrollLeft需要注意scrollTop/scrollLeft的兼容性获取;scrollTop = docu...
分类:
其他好文 时间:
2015-06-08 16:52:28
阅读次数:
106
移动端touch事件获取clientX, clientY
分类:
移动开发 时间:
2015-06-02 19:55:34
阅读次数:
228
事件对象event和传入参数cv解决兼容性问题event.clientX和event.clientY得到的是相对于页面的坐标,当滚动条向下移动时,则出现定位不准,所以要加上滚动条的高度无标题文档
分类:
移动开发 时间:
2015-05-30 22:35:55
阅读次数:
186