分类目录归档：悠哉博主的日常

悠哉博主的日常

【Javascript】触摸拖动事件

发表回复

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
(function(){
var extendEventDefaultOpt={
    touchdrag:{
        preventDefault:true,//阻止触摸移动的默认行为
        allowMultiTouch:false//允许在多点触控时也触发这个事件
    }
}
window.extendEvent={//扩展事件
    touchdrag:function(element,opt){
        var stats={},opt=Object.assign({},extendEventDefaultOpt.touchdrag,opt);
        element.addEventListener('touchstart',function(e){
            if(!opt.allowMultiTouch && e.changedTouches.length>1){stats={};return;}
            var ct=e.changedTouches;
            for(var t=ct.length;t--;){
                stats[ct[t].identifier]={x:ct[t].clientX,y:ct[t].clientY};
            }
        });
        element.addEventListener('touchmove',function(e){
            if(!opt.allowMultiTouch && e.touches.length>1){stats={};return;}
            var ct=e.changedTouches;
            for(var t=ct.length;t--;){
                var id=ct[t].identifier;
                if(!id in stats)continue;//不属于这个元素的事件
                var event=new TouchEvent('touchdrag',e);
                event.deltaX=ct[t].clientX-stats[id].x;
                event.deltaY=ct[t].clientY-stats[id].y;
                stats[id].x=ct[t].clientX;
                stats[id].y=ct[t].clientY;
                element.dispatchEvent(event);
            }
            if(opt.preventDefault)e.preventDefault();
        });
        element.addEventListener('touchend',function(e){
            var ct=e.changedTouches;
            for(var t=ct.length;t--;){
                var id=ct[t].identifier;
                if(id in stats)delete stats[id];
            }
        });
    }
}
})();

这是我做的一个自定事件，在其Event对象上会带有deltaX和deltaY两个属性以表示触摸拖动的偏移量。

用法是

1
extendEvent.touchdrag(元素,选项Object) //在元素上启用这个自定义事件

选项object的属性见上面源码里 extendEventDefaultOpt 对象的两个属性。
然后当手指在元素上拖动的时候就会触发touchdrag事件。
继续阅读【Javascript】触摸拖动事件 →

悠哉博主的日常

网站搬家到Vultr

16条评论

经过一晚上和半个上午的折腾，网站搬家到vultr了。

虽然是用docker部署的，不过由于mysql镜像有问题，我花了不少时间来研究是哪里出问题了，结果最后换了个镜像版本就好了。

 

就conoha那样态度恶劣自高自大的服务商，真的是不能省心得用，既然大家都从conoha逃走了，那我也逃走吧。

现在把那只vps当做ss节点用了，坐等被封。