分别取touchstart事件和touchmove事件中事件对象（e.touches[0]）的pageX和pageY属性，相减后进行判断，判断之后记得移除touchmove事件 ...
分类：
移动开发 时间：
2017-04-08 16:55:35
阅读次数：
264
手机端拖拽事件： touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。 touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。 touchend事件：当手指从屏幕上离开的时候触发。 t ...
分类：
移动开发 时间：
2017-04-07 16:03:26
阅读次数：
666
clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左上角距离，不随页面滚动而改变 兼容性：所有浏览器均支持 pageX/Y: pageX/Y获取到的是触发点相对文档区域左上角距离，会随着页面滚动而改变 兼容性：除IE6/7/8不支持外，其余浏览器均支持 offsetX/Y: ...
分类：
Web程序 时间：
2017-04-04 22:15:40
阅读次数：
216
简介 关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种： event.clientX/Y event.pageX/Y event.offsetX/Y event.layerX/Y event.screenX/Y clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左 ...
分类：
Web程序 时间：
2017-03-29 22:39:40
阅读次数：
216
//图片预览 HUIDENG.imgShow = function(){ $(".img_show").each(function(){ var tar = $(this); var img = tar.closest("li").find(".img"); var windowURL = wind ...
分类：
Web程序 时间：
2017-03-22 23:14:23
阅读次数：
173
通过 3 张图和 1 张表格，轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。 一、测试代码如下： 二、不同浏览器对这些属性的支持： 三、图解 event.offsetX，event.clientX，e ...
分类：
Web程序 时间：
2017-03-21 12:45:02
阅读次数：
242
今天我想写一个放大镜因为毕竟在做网页的时候,特别是一些电商的详情页放大镜是必不可少的.什么都不说了上代码 1,html代码 2,css代码 3,js代码 原理: 只要我们算放大镜的位置,其实放大镜并不难 在这里要特别注意一点,e.clientX/clientY和e.pageX/pageY两者之间的区 ...
分类：
Web程序 时间：
2017-03-20 00:32:45
阅读次数：
249
.divblok { width:200px; height:100px; position:absolute; left:20px; top:20px; }<div id="dragdiv" draggable="true" class="divblok">移动 </div>window.onlo ...
分类：
其他好文 时间：
2017-03-03 22:48:29
阅读次数：
220
1.html 2.css 3.jq 要注意的地方:是 1. }).mouseout(function(e){/ /此处是.mouseout,而不是,mouseout 2.此处是要加括号和e (e.pageY+x)+'px'3.pageX() 属性是鼠标指针的位置，相对于文档的左边缘;如果都正确，页面 ...
分类：
其他好文 时间：
2017-03-03 22:42:16
阅读次数：
169
技术要点： 1、jQuery的插件写法 2、上拉刷新步骤分解 3、css样式 jQuery的插件写法： 上拉刷新步骤分解： 上拉刷新可以分解成三个部分：一是开始（start），记录当前鼠标的位置；二是移动（move），根据下拉的位移响应不同的视图；三是结束（end），刷新页面。 ;!function ...
分类：
Web程序 时间：
2017-01-22 19:20:19
阅读次数：
374
