先常规先引入Raphael库： 然后就很简单了，直接操作，也不用再手动写svg什么的。 1.新建画布 2.建立图形 3.改变图形属性和样式 4.图形绑定事件 事件大概有click、hover、mousedown、mousedown、mousemove、mouseup、touchstart、touch ...
分类：
其他好文 时间：
2017-12-12 21:36:25
阅读次数：
311
$("body").on("touchstart", function(e) { // 判断默认行为是否可以被禁用 if (e.cancelable) { // 判断默认行为是否已经被禁用 if (!e.defaultPrevented) { e.preventDefault(); } } ... ...
分类：
移动开发 时间：
2017-12-12 15:13:54
阅读次数：
196
以下方法只适合页面为一屏幕的时候 var hei = $(window).height(); //可局部滚动处理 var overscroll = function(el) { el.addEventListener('touchstart', function() { var top = el.s ...
分类：
微信 时间：
2017-12-12 15:07:17
阅读次数：
359
mozilla开发社区上有 :active 不起作用的答案： 在iOS系统的移动设备中，需要在按钮元素或body/html上绑定一个touchstart事件才能激活:active状态。 将上述事件监听代码加上后，Safari Mobile上就可以看到按钮按下后的切换效果了。 ...
分类：
移动开发 时间：
2017-12-07 19:00:52
阅读次数：
198
移动端长按效果实现 基本实现原理：监听touchstart事件，使用setTimeout延时，如果松开则清除该定时器 举个例子 ...
分类：
移动开发 时间：
2017-12-06 18:10:48
阅读次数：
225
拖动时候用到的三个事件：mousedown、mousemove、mouseup在移动端都不起任何作用。毕竟移动端是没有鼠标的，查资料后发现，在移动端与之相对应的分别是：touchstart、touchmove、touchend事件。还有一点要注意的是在PC端获取当前鼠标的坐标是：event.clie ...
分类：
其他好文 时间：
2017-11-20 14:39:17
阅读次数：
162
//手指按下屏幕的点，抬起手指的点，按下的时间，抬起的时间 var startPoint=0; endPoint=0; startTime=0; endTime=0; //touchstart事件 $(".xx").on("touchstart",function(event){ //每次重新滑动要 ...
分类：
其他好文 时间：
2017-11-17 16:27:37
阅读次数：
202
wap中的原生touch 事件，touchstart、touchmove、touchend、touchcancel，这些事件仅仅在移动端才会被触发，在pc端无效 click事件在移动端中具有300ms的延迟，所以为了有更好的用户体验，从以上的touch事件中衍生出另一种比click更快响应的事件称为 ...
分类：
移动开发 时间：
2017-11-17 01:42:38
阅读次数：
194
$("body").on("touchstart", function(e) { e.preventDefault(); startX = e.originalEvent.changedTouches[0].pageX, startY = e.originalEvent.changedTouches... ...
分类：
其他好文 时间：
2017-11-10 18:29:14
阅读次数：
171
触摸事件: 三种在规范中列出并获得跨移动设备广泛实现的基本触摸事件： 1.touchstart：手指放在一个DOM元素上。 2.touchmove：手指拖曳一个DOM元素。 3.touchend：手指从一个DOM元素上移开。 每个触摸事件都包括了三个触摸列表： 1.touches：当前位于屏幕上的所 ...
分类：
移动开发 时间：
2017-11-09 22:33:05
阅读次数：
286
