先总结下区别： event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.client ...
分类：
编程语言 时间：
2017-05-22 19:28:13
阅读次数：
159
一、click( ) 与 dblclick() --双击 click事件其实是由mousedown与mouseup 2个动作构成，所以点击的动作只有在松手后才触发 在同一元素上同时绑定 click 和 dblclick 事件是不可取的。 $('p').click(function(e) { aler ...
分类：
Web程序 时间：
2017-05-11 17:43:04
阅读次数：
253
//获取鼠标位置 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
判断滑动的方向和距离，来实现一定的效果，比如返回上一页等等 ...
分类：
其他好文 时间：
2017-04-26 18:11:54
阅读次数：
214
先总结下区别： event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.client ...
分类：
其他好文 时间：
2017-04-16 09:26:43
阅读次数：
134
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> html,body{ margin:0; padding:0; } #magli ...
分类：
Web程序 时间：
2017-04-14 19:48:04
阅读次数：
345
本文转载www.helloweba.com 谢谢写这个代码的人 实现刮奖效果 使用 html5 实现效果： 代码如下： ...
分类：
Web程序 时间：
2017-04-13 17:03:02
阅读次数：
263
pageX/pageY:鼠标相对于整个页面的X/Y坐标。注意，整个页面的意思就是你整个网页的全部，比如说网页很宽很长，宽2000px，高3000px，那pageX,pageY的最大值就是它们了。特别说明：IE不支持！ // clientX/clientY：事件发生时鼠标在浏览器内容区域的X/Y坐标（ ...
分类：
其他好文 时间：
2017-04-09 10:42:35
阅读次数：
141
