首先是用mousedown()鼠标按下事件保存一个状态值，mouseup()鼠标抬起事件取消该状态，再同时配合mousemove()鼠标移动事件，实现按住拖动的效果。 在鼠标移动的同时去改变精度条的长度和按钮的相对左部的距离。 然后就是距离的计算，主要利用的就是pageX() 属性。page... ...
分类：
Web程序 时间：
2017-07-07 15:37:31
阅读次数：
899
iOS上的Safari也支持click 和mouseover等传统的交互事件，只是不推荐在iOS的浏览器应用上使用click和mouseover，因为这两个事件是为了支持鼠标点击而设计 出来的。Click事件在iOS上会有半秒左右的延迟，原因是iOS要highlight接收到click的elemen ...
分类：
移动开发 时间：
2017-07-04 12:08:00
阅读次数：
232
一、图片跟随鼠标移动 1、要求：鼠标移动到哪，图片就要跟到哪 2、用到的事件：首先监听鼠标：$(document).mousemove(function(event){ }); //此时可以获取鼠标距离页面左侧、顶部的距离通过event.pageX、event.pageY，然后通过修改图片的left ...
分类：
Web程序 时间：
2017-06-29 11:21:36
阅读次数：
244
一、JSX简介 JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析。 如下(JS写法) var child1 = React.createElement('li', nu ...
$(document).mousemove(function(e) { if (!!this.move) { var posix = !document.move_target ? {'x': 0, 'y': 0} : document.move_target.posix, callback = d ...
分类：
Web程序 时间：
2017-06-22 00:07:54
阅读次数：
382
e.pageX，e.pageY：返回的值是相对于文档的定位，文档的左上角为(0,0)，向右为正，向下为正，IE不支持；e.clientX，e.clientY：返回的值是相对于屏幕可见区域的坐标，如果页面有滚动条，呗滚动条隐藏的那部分不进行计算，也可以说是相对于屏幕的坐标，但是不计算上方的工具栏；e. ...
分类：
Web程序 时间：
2017-06-16 11:25:34
阅读次数：
445
clientX/Y 可视区的鼠标坐标 全兼容 offsetX/Y 鼠标坐标到物体边框的距离 IE+Chrome pageX/Y 页面 高级 浏览器 screenX/Y 屏幕 全兼容(没用) var e = evt || window.event; evt作为参数兼容高级浏览器,window.even ...
分类：
其他好文 时间：
2017-06-07 21:45:03
阅读次数：
333
var startPosition,endPosition,deltaX,deltaY,moveLength,; $(".cover").on('touchstart', function(e){ e.preventDefault(); var touch = e.touches[0]; start... ...
分类：
其他好文 时间：
2017-06-05 20:00:26
阅读次数：
187
window.scrollTop();鼠标滚轮卷动值 表示范围： screenY>pageY>clientY>offsetY 当页面没有滚动时，pageY == clientY ...
分类：
其他好文 时间：
2017-05-27 00:47:00
阅读次数：
234
一、关于offsetX，clientX，pageX,scrollX的区别 offsetX表示点击点到所点击物体左边距的距离； clientX表示点击点到浏览器左边的距离,该点击点会随着滚动条的移动而发生变化； pageX表示点击点到浏览器左边的距离，但点击点不会因滚动条的移动而变化； scrollX ...
分类：
其他好文 时间：
2017-05-23 20:25:55
阅读次数：
149
