码迷,mamicode.com
首页 >  
搜索关键字:pagex    ( 226个结果
有关位置问题:原生JS e.clientX e.pageX JQ中offset() position()
原文地址:http://blog.csdn.net/lidiansheng/article/details/8651512注:因为我们要在MSIE和其他浏览器下运行,Firefox和其他浏览器用event.pageX和event.pageY来表示鼠标相对于文档的位置,如果你有一个500*500的窗口...
分类:Web程序   时间:2015-01-13 17:24:15    阅读次数:150
页面元素坐标和偏移(clientX/pageX/screenX/layerX/offsetWidth/scrollWidth/clientWidth等)相关整理
鼠标事件都是在特定位置发生的,我们可以通过event事件对象的各种属性来获得事件发生的坐标位置,有相对于视口的,有相对于整个文档的,同样页面元素的位置也有相对视口的,也有滚动后的,这些都比较容易混淆,所以整理在这里,备忘,待查。1.客户区坐标位置(clientX/clientY)我们可以通过ev.....
分类:其他好文   时间:2014-11-25 18:05:33    阅读次数:201
layerX offsetX pageX
offsetX/offsetY:相对于当前元素的位移x/y:相对于当前座标系的位移,但是IE常常搞错当前座标系layerX/layerY:相对于当前座标系的位移pageX/pageY:相对于网页的位移clientX/clientY:相对于可视窗口的位移screenX/screenY:相对于屏幕的位移...
分类:其他好文   时间:2014-11-25 16:04:48    阅读次数:228
多点触屏浏览器的js开发
这篇文章讲到了很多关于手机触摸事件的知识,比如touchstart,touchmove,touchend,对于获取屏幕的左右跟网页版的也是不一样的哦。我以前也比较少接触这方面的知识,最近做一个项目才发现原来用event.pageX是获取不了当前的位置(在手机上)。需要用到var touch = ev...
分类:Web程序   时间:2014-11-25 15:55:28    阅读次数:264
js 兼容基础
//window.eventIE:有window.event对象FF:没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event)//鼠标当前坐标IE:event.x和event.y。FF:event.pageX和event...
分类:Web程序   时间:2014-11-25 07:06:25    阅读次数:275
screenX clientX pageX的区别
screenX clientX pageX概念打开的pop窗口随着鼠标点击的dom元素而定位展示的js代码:e是click事件,o是pop窗口的宽度或高度,eventX = function (e, o) {e = e || window.event;o = o || 0;x = e.pageX |...
分类:其他好文   时间:2014-11-11 16:01:37    阅读次数:231
如何用js让表格的行也能拖动
行拖动的实现思路非常简单,选中一行,往上拖就与上面的行交换位置,往下拖就与下面的行交换位置。问题是如何得到交换行。我见过一个非常详细的教程,它会把表格里的每一行的高度与Y坐标计算出来,换言之,都时是比较e.pageX是否在[rowTop,rowBottom]区间之内。但这也带来第二个问题,有多少行就...
分类:Web程序   时间:2014-10-26 11:35:44    阅读次数:253
一些总是记不住又容易搞混淆的东西(不断更新)
angular 获取浏览器的宽高:$window.innerWidth; //浏览器的宽$window.innerHeight; //浏览器的高jquery $ jqlite 获取鼠标相对于浏览器左上角的距离:e.pageX; //鼠标相对于浏览器左上角的left...
分类:其他好文   时间:2014-10-22 12:36:41    阅读次数:214
JS魔法堂:关于元素位置和鼠标位置的属性
一、关于鼠标位置的属性 1. 触发鼠标事件的区域 盒子模型中的border,padding,content区域会触发鼠标事件,点击margin区域将不触发鼠标事件。 2. 鼠标事件对象MouseEvent下的属性 [a].evt.pageX/Y :以页...
分类:Web程序   时间:2014-09-28 23:55:46    阅读次数:361
一张图轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别
总是会被javascript的event对象的clientX,offsetX,screenX,pageX 弄得头晕,于是决定做个图来区分一下...
分类:编程语言   时间:2014-09-13 17:20:45    阅读次数:205
226条   上一页 1 ... 20 21 22 23 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!