事件类型 UI事件 load事件 unload事件 resize事件 scroll事件 焦点事件 blur 失去焦点 focus 获得焦点 鼠标与滚轮事件 1.客户区坐标定位 clientX, clientY 2.页面坐标位置 pageX, pageY 如果不存在滚动的情况下, 两种方式取得的值是一 ...
分类:
Web程序 时间:
2016-07-19 23:29:57
阅读次数:
218
参考:http://www.cnblogs.com/xesam/archive/2011/12/08/2280509.html chrome: e.pageX——相对整个页面的坐标e.layerX——相对当前坐标系的border左上角开始的坐标e.offsetX——相对当前坐标系的border左上角 ...
分类:
其他好文 时间:
2016-07-14 09:59:35
阅读次数:
180
clientX,offsetX,layerX,pageX,screenX,X鼠标位置全解与兼容测试 ...
分类:
其他好文 时间:
2016-07-11 14:10:58
阅读次数:
162
$("body").on("touchstart", function(e) { e.preventDefault(); startX = e.originalEvent.changedTouches[0].pageX, startY = e.originalEvent.changedTouches ...
分类:
移动开发 时间:
2016-07-04 18:48:14
阅读次数:
203
var mx=0,my=0; function mouseMove(ev){Ev=ev||window.event;var mousePos=mouseCoords(Ev);mx=mousePos.x;my=mousePos.y;} function mouseCoords(ev){ if(ev.p ...
分类:
其他好文 时间:
2016-05-30 10:14:45
阅读次数:
147
关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种 event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左上角距离 ...
分类:
Web程序 时间:
2016-05-27 09:26:23
阅读次数:
211
e.pageXe.layerXe.offsetXe.clientXe.x 属性; 测试浏览器: FF9/Chrome15/opera11.52/safari5(win)/IE6/7/8/9 测试代码: 图示: 测试结果如下: chrome: e.pageX——相对整个页面的坐标e.layerX——相 ...
分类:
其他好文 时间:
2016-05-13 18:59:20
阅读次数:
181
screenX:鼠标位置相对于用户屏幕水平偏移量,而screenY也就是垂直方向的,此时的参照点也就是原点是屏幕的左上角。 clientX:跟screenX相比就是将参照点改成了浏览器内容区域的左上角,该参照点会随之滚动条的移动而移动。 pageX:参照点也是浏览器内容区域的左上角,但它不会随着滚动 ...
分类:
其他好文 时间:
2016-04-19 16:57:32
阅读次数:
221
关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种 event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左上角距离 ...
分类:
其他好文 时间:
2016-04-18 22:05:35
阅读次数:
169
1.window.event code=(navigator.appName="Netscape")?event.which:event.keycode; 2.event.x mx=event.x?event.x:event.pageX(火狐) 3.IE:event.srcEleme
分类:
其他好文 时间:
2016-03-14 18:23:00
阅读次数:
176