1 function create(mouse){ 2 var num=44; 3 var bgcolor='#'; 4 var body=document.getElementsByTagName('body')[0]; 5 var div=document.getElementsByTagNam... ...
分类：
其他好文 时间：
2017-05-10 21:26:11
阅读次数：
419
//获取鼠标位置 function getMousePos(event) { var e = event || window.event; var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft; v... ...
分类：
Web程序 时间：
2017-05-08 14:18:03
阅读次数：
148
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽</title> <style> *{ margin: 0; padding: 0; } #div1{ width: 100px; height: 100px; ...
分类：
编程语言 时间：
2017-04-28 18:25:46
阅读次数：
197
移动端碰撞检测 function drag(obj1,obj2,success){ obj1.addEventListener("touchstart", function(e) { var touches = e.touches[0]; window.disX= touches.clientX - ...
分类：
移动开发 时间：
2017-04-28 15:58:02
阅读次数：
308
先总结下区别： event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.client ...
分类：
其他好文 时间：
2017-04-16 09:26:43
阅读次数：
134
oEvent.clientX 是指鼠标到可视区左边框的距离。oEvent.clientY 是指鼠标到可视区上边框的距离。clientWidth 是指可视区的宽度。clientHeight 是指可视区的高度。clientLeft 是指左边框的宽度。clientTop 是指上边框的宽度。 offsetW ...
分类：
其他好文 时间：
2017-04-09 23:41:31
阅读次数：
301
pageX/pageY:鼠标相对于整个页面的X/Y坐标。注意，整个页面的意思就是你整个网页的全部，比如说网页很宽很长，宽2000px，高3000px，那pageX,pageY的最大值就是它们了。特别说明：IE不支持！ // clientX/clientY：事件发生时鼠标在浏览器内容区域的X/Y坐标（ ...
分类：
其他好文 时间：
2017-04-09 10:42:35
阅读次数：
141
跨浏览器添加事件 //跨浏览器添加事件 function addEvent(obj,type,fn){ if(obj.addEventListener){ obj.addEventListener(type,fn,false); }else if(obj.attachEvent){//IE obj. ...
分类：
Web程序 时间：
2017-04-08 16:00:46
阅读次数：
259
1 function fnMove(ev) { 2 var event = ev || window.event; 3 var l = event.clientX - this.disX; 4 var t = event.clientY - this.disY 5 6 7 if (l documen... ...
分类：
编程语言 时间：
2017-04-07 16:40:28
阅读次数：
224
clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左上角距离，不随页面滚动而改变 兼容性：所有浏览器均支持 pageX/Y: pageX/Y获取到的是触发点相对文档区域左上角距离，会随着页面滚动而改变 兼容性：除IE6/7/8不支持外，其余浏览器均支持 offsetX/Y: ...
分类：
Web程序 时间：
2017-04-04 22:15:40
阅读次数：
216
